fix: add missing useeffect dependency #4

app/page.tsx

@@ -18,7 +18,8 @@ export default async function Home() {
     <div className="p-2">
       <Announcement text="完善中..." />
       <Banners data={bannerData.banners} />
-      {process.env.NODE_ENV === 'development' && <StarPick />}
+      {/* {process.env.NODE_ENV === 'development' && <StarPick />} */}
+      <StarPick />
       <RecommendSongs />
       <HotSongs data={songsHot.data} />
       <Playlist data={PlaylistData.playlists} />

app/ui/StarPick.tsx

@@ -5,6 +5,7 @@ import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import Avatar from './Avatar';
 
+// TODO: starpick fetch failed
 export default function StarPick() {
   const [starPick, setStarPick] = useState<StarPick>();
   const [loading, setLoading] = useState(true);
@@ -18,7 +19,7 @@ export default function StarPick() {
       console.log(error);
       setLoading(true);
     }
-  });
+  }, []);
 
   return (
     <div className="m-2">

lib/fetchData.ts

@@ -48,14 +48,8 @@ async function fetchData(
   const urlWithParams = addParams(finalURL, params);
 
   try {
-    const response = await fetch(urlWithParams, mergedOptions);
-    // console.log(urlWithParams);
-
-    if (!response.ok) {
-      throw new Error(`Failed to fetch data. Status: ${response.status}`);
-    }
-    const data = await response.json();
-    return data;
+    const res = await fetch(urlWithParams, mergedOptions);
+    return await res.json();
   } catch (error) {
     console.error('Error in fetchData:', error);
     throw error;