chore: use abortController

pulsate-dev · Oct 14, 2024 · f5c862c · f5c862c
1 parent 26f70d4
commit f5c862c
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/app/hooks/timeline.ts b/app/hooks/timeline.ts
@@ -26,12 +26,14 @@ export const useHomeTimeline = (): {
   const [error, setError] = useState<string>("loading...");
 
   useEffect(() => {
+    const abortController = new AbortController();
     const fetchTimeline = async () => {
       try {
         const timelineRes = await fetch("http://localhost:3000/timeline/home", {
           headers: {
             authorization: `Bearer ${localStorage.getItem("authToken")}`,
           },
+          signal: abortController.signal,
         });
         if (!timelineRes.ok) {
           const errorJSON = await timelineRes.json();
@@ -48,6 +50,9 @@ export const useHomeTimeline = (): {
       }
     };
     fetchTimeline();
+    return () => {
+      abortController.abort();
+    };
   }, []);
 
   return {