feat: useFetch 시 error boundary 처리

softeerbootcamp4th · Aug 11, 2024 · b169f3d · b169f3d
1 parent c97241b
commit b169f3d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/client/src/hooks/useFetch.ts b/client/src/hooks/useFetch.ts
@@ -1,16 +1,20 @@
 import { useState } from "react";
+import { useErrorBoundary } from "react-error-boundary";
 
 export default function useFetch<T, P = void>(fetch: (params: P) => Promise<T>) {
     const [data, setData] = useState<T | null>(null);
     const [isSuccess, setIsSuccess] = useState<boolean>(false);
     const [isError, setIsError] = useState<boolean>(false);
 
+    const { showBoundary } = useErrorBoundary();
+
     const fetchData = async (params?: P) => {
         try {
             const data = await fetch(params as P);
             setData(data);
             setIsSuccess(!!data);
         } catch (error) {
+            showBoundary(error);
             setIsError(true);
             console.error(error);
         }