From 0742ebe11a41ea748401b13e897d1d2f35e782da Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 14 Oct 2025 11:09:56 +1100
Subject: [PATCH] tidy(ui): lift error boundary reset cb outside component

---
 invokeai/frontend/web/src/app/components/App.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/invokeai/frontend/web/src/app/components/App.tsx b/invokeai/frontend/web/src/app/components/App.tsx
index bae4f4cf63..1c1af39a00 100644
--- a/invokeai/frontend/web/src/app/components/App.tsx
+++ b/invokeai/frontend/web/src/app/components/App.tsx
@@ -3,22 +3,22 @@ import { GlobalHookIsolator } from 'app/components/GlobalHookIsolator';
 import { GlobalModalIsolator } from 'app/components/GlobalModalIsolator';
 import { clearStorage } from 'app/store/enhancers/reduxRemember/driver';
 import { AppContent } from 'features/ui/components/AppContent';
-import { memo, useCallback } from 'react';
+import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
 import AppErrorBoundaryFallback from './AppErrorBoundaryFallback';
 import ThemeLocaleProvider from './ThemeLocaleProvider';
 
-const App = () => {
-  const handleReset = useCallback(() => {
-    clearStorage();
-    location.reload();
-    return false;
-  }, []);
+const errorBoundaryOnReset = () => {
+  clearStorage();
+  location.reload();
+  return false;
+};
 
+const App = () => {
   return (
     <ThemeLocaleProvider>
-      <ErrorBoundary onReset={handleReset} FallbackComponent={AppErrorBoundaryFallback}>
+      <ErrorBoundary onReset={errorBoundaryOnReset} FallbackComponent={AppErrorBoundaryFallback}>
         <Box id="invoke-app-wrapper" w="100dvw" h="100dvh" position="relative" overflow="hidden">
           <AppContent />
         </Box>