fix types

src/app/[locale]/(main)/match/MatchForm.tsx

@@ -2,7 +2,6 @@
 
 import { zodResolver } from "@hookform/resolvers/zod";
 import { FormProvider, useForm } from "react-hook-form";
-import Select from "react-select";
 import { z } from "zod";
 
 import TeamSelection from "@/app/[locale]/(main)/match/components/TeamSelection";

src/app/[locale]/(main)/match/components/TeamSelection.tsx

@@ -21,7 +21,7 @@ interface IProps {
   clubOptions: {
     value: string;
     label: string;
-    url: string;
+    url: string | undefined;
   }[];
 }
 
@@ -42,7 +42,7 @@ const TeamSelection = ({ name, label, clubOptions }: IProps) => {
   });
 
   const selectedOption = clubOptions.find((c) => c.value === selectedDbId);
-  const selectedId = selectedOption?.url.split("=").pop();
+  const selectedId = selectedOption?.url?.split("=").pop();
 
   useEffect(() => {
     const fetchPlayers = async () => {