fix: temporarly add any type

src/lib/components/MainSlider.tsx

@@ -10,21 +10,21 @@ import IconButton from "./IconButton";
 const MainSlider = ({ data = [] }: any) => {
   const [images, setImages] = useState<any>({});
   useEffect(() => {
-    const fetchImages = async () => {
-      const imagePromises = data.map(async (item: any) => {
-        const response = await fetch(
-          `https://api.themoviedb.org/3/movie/${item.id}/images?api_key=${process.env.NEXT_PUBLIC_TMDB_API_KEY}`
-        );
-        const json = await response.json();
-        return { id: item.id, filePath: json.logos[0]?.file_path || "" };
-      });
-      const imageResults = await Promise.all(imagePromises);
-      const imagesMap = imageResults.reduce((acc, img) => {
-        acc[img.id] = img.filePath;
-        return acc;
-      }, {});
-      setImages(imagesMap);
-    };
+    // const fetchImages = async () => {
+    //   const imagePromises = data.map(async (item: any) => {
+    //     const response = await fetch(
+    //       `https://api.themoviedb.org/3/movie/${item.id}/images?api_key=${process.env.NEXT_PUBLIC_TMDB_API_KEY}`
+    //     );
+    //     const json = await response.json();
+    //     return { id: item.id, filePath: json.logos[0]?.file_path || "" };
+    //   });
+    //   const imageResults = await Promise.all(imagePromises);
+    //   const imagesMap = imageResults.reduce((acc, img) => {
+    //     acc[img.id] = img.filePath;
+    //     return acc;
+    //   }, {});
+    //   setImages(imagesMap);
+    // };
   }, []);
   return (
     <div className="w-full aspect-video lg:aspect-[21/9] max-w-full">

src/lib/pages/TvInfoPage.tsx

@@ -8,17 +8,17 @@ import { AnimatePresence, motion } from "framer-motion";
 import generateRandomString from "../utils/uidGenerator";
 
 const TvInfoPage = () => {
-  const tv = useLoaderData();
+  const tv: any = useLoaderData();
   const [selectedSeason, setSelectedSeason] = useState(0);
-  const [seasonDetails, setSeasonDetails] = useState({});
+  const [seasonDetails, setSeasonDetails] = useState<any>({});
   const [loadingSeasons, setLoadingSeasons] = useState(false);
   const lastCalledSeason = useRef(null);
 
-  const getSeason = (seasons, seasonNumber) => {
-    return seasons.find((season) => season.season_number === seasonNumber);
+  const getSeason = (seasons: any, seasonNumber: any) => {
+    return seasons.find((season: any) => season.season_number === seasonNumber);
   };
 
-  const getSeasonDetails = async (season) => {
+  const getSeasonDetails = async (season: any) => {
     if (lastCalledSeason.current === season) return;
     lastCalledSeason.current = season;
     setLoadingSeasons(true);
@@ -45,7 +45,7 @@ const TvInfoPage = () => {
     }
   };
 
-  const handleSelectSeason = (seasonNumber) => {
+  const handleSelectSeason = (seasonNumber: any) => {
     if (selectedSeason !== seasonNumber) {
       setSelectedSeason(seasonNumber);
     }
@@ -118,7 +118,7 @@ const TvInfoPage = () => {
               </tr>
             </thead>
             <tbody className="max-h-[400px] h-fit overflow-scroll divide-y divide-zinc-700/20">
-              {tv.seasons.map((season) => (
+              {tv.seasons.map((season: any) => (
                 <tr
                   className="hover:bg-zinc-300/20 cursor-pointer transition-colors"
                   key={season.season_number}
@@ -185,7 +185,7 @@ const TvInfoPage = () => {
               className="grid grid-cols-3 xl:grid-cols-4 gap-5"
             >
               {seasonDetails.episodes &&
-                seasonDetails.episodes.map((episode, index) => (
+                seasonDetails.episodes.map((episode: any, index: number) => (
                   <motion.div
                     key={generateRandomString()}
                     className="space-y-2 hover:scale-105 transition-transform"