Merge branch 'dev' into feature/error-handle

package.json

@@ -24,6 +24,7 @@
     "nanoid": "^5.0.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-error-boundary": "^4.0.13",
     "react-hook-form": "^7.50.1",
     "react-router-dom": "^6.22.1",
     "react-toastify": "^10.0.4",

src/components/ApiErrorBoundary.tsx

@@ -45,7 +45,19 @@ export default function ApiErrorBoundary({
         toast.error(message);
         break;
     }
+
+    if (errorResponse) {
+      // eslint-disable-next-line import/namespace
+      Sentry.captureException(errorResponse, {});
+    }
   }
 
-  return <>{children}</>;
+  return (
+    <ErrorBoundary
+      {...rest}
+      onError={(error) => handleError(error as AxiosError)}
+      fallbackRender={() => <NotFoundPage />}>
+      {children}
+    </ErrorBoundary>
+  );
 }