api fetch type fixed

src/helpers/apiRequests.ts

@@ -136,7 +136,7 @@ export const getAbout = (setState: React.Dispatch<About>) => {
     .catch();
 };
 
-export const getTeam = (setState: any) => {
+export const getTeam = (setState: React.Dispatch<Player[]>) => {
   axios
     .get(players)
     .then((res) => {

src/pages/Rating.tsx

@@ -18,8 +18,19 @@ import useMediaQuery from "../hooks/useMediaQuery";
 // Links
 import { hosting } from "../links";
 
+// Types
+import { Player } from "../types/players";
+
 const Rating = () => {
-  const [players, setPlayers]: [any, React.Dispatch<any>] = useState();
+  const [players, setPlayers]: [Player[], React.Dispatch<Player[]>] = useState([
+    {
+      id: -1,
+      name: "",
+      average: -1,
+      national: -1,
+      img: "",
+    },
+  ]);
   useEffect(() => {
     window.scrollTo(0, 0);
   }, []);
@@ -42,7 +53,7 @@ const Rating = () => {
             <div
               className={players ? "rating-banner" : "rating-banner disabled"}
             >
-              {players
+              {players[0].id !== -1
                 ? players.map((player: any) => {
                     if (player.national === 0) {
                       return (