First swing.

src/main.tsx

@@ -4,6 +4,7 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import './index.css';
 import App from './App';
 import { ThemeProvider } from './contexts/ThemeContext';
+import { InstanceProvider } from './hooks';
 import { queryClient } from './lib/queryClient';
 import { ErrorBoundary } from './components/ErrorBoundary';
 
@@ -15,9 +16,11 @@ root.render(
   <StrictMode>
     <ErrorBoundary>
       <QueryClientProvider client={queryClient}>
-        <ThemeProvider defaultTheme="light" storageKey="wild-central-theme">
-          <App />
-        </ThemeProvider>
+        <InstanceProvider>
+          <ThemeProvider defaultTheme="light" storageKey="wild-central-theme">
+            <App />
+          </ThemeProvider>
+        </InstanceProvider>
       </QueryClientProvider>
     </ErrorBoundary>
   </StrictMode>