api fetch type fixed

src/components/about_us/TeamSlider.tsx

@@ -18,8 +18,19 @@ import arrowPrev from "../../icons/arrow-left-green.svg";
 import arrowNext from "../../icons/arrow-right-green.svg";
 import Skeleton from "react-loading-skeleton";
 
+// Types
+import { Player } from "../../types/players";
+
 const TeamSlider = () => {
-  const [team, setTeam]: [any, React.Dispatch<any>] = useState();
+  const [team, setTeam]: [Player[], React.Dispatch<Player[]>] = useState([
+    {
+      id: -1,
+      name: "",
+      img: "",
+      average: -1,
+      national: -1,
+    },
+  ]);
 
   useEffect(() => {
     getTeam(setTeam);
@@ -52,7 +63,7 @@ const TeamSlider = () => {
           prevEl: ".slider-prev",
         }}
       >
-        {team
+        {team[0].id !== -1
           ? team.map((el: any) => {
               if (el.national) {
                 return (

src/types/players.ts

@@ -0,0 +1,7 @@
+export interface Player {
+  id: number;
+  name: string;
+  national: number;
+  img: string;
+  average: number;
+}