From 4d1d923cd1affaded9e32b61d37435eb2a53df06 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 13 Jul 2024 10:09:08 +0500
Subject: [PATCH] fix:  React Hook "useSWR" is called in function
 "fetchReleases" while build

---
 app/page.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/page.js b/app/page.js
index 4d9c025..cf1643c 100644
--- a/app/page.js
+++ b/app/page.js
@@ -4,16 +4,16 @@ import { ReleaseCourusel } from "./components/ReleaseCourusel/ReleaseCourusel";
 import { Spinner } from "./components/Spinner/Spinner";
 const fetcher = (...args) => fetch(...args).then((res) => res.json());
 
-function fetchReleases(status) {
-  const { data } = useSWR(`/api/home?status=${status}`, fetcher);
-  return [data];
-}
-
 export default function Home() {
-  const [lastReleasesData] = fetchReleases("last");
-  const [finishedReleasesData] = fetchReleases("finished");
-  const [ongoingReleasesData] = fetchReleases("ongoing");
-  const [announceReleasesData] = fetchReleases("announce");
+  function useFetchReleases(status) {
+    const { data } = useSWR(`/api/home?status=${status}`, fetcher);
+    return [data];
+  }
+
+  const [lastReleasesData] = useFetchReleases("last");
+  const [finishedReleasesData] = useFetchReleases("finished");
+  const [ongoingReleasesData] = useFetchReleases("ongoing");
+  const [announceReleasesData] = useFetchReleases("announce");
 
   return (
     <main className="flex flex-col pt-2 pb-16 sm:pt-4 sm:pb-0">