From 854fcd1e0cccdc7dc0bb794b717ab8019d44d1ab Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 15:48:01 +0000
Subject: [PATCH] Fix useEffect error in AuthProvider

---
 src/App.tsx                                             | 5 ++---
 src/components/providers/LocationAutoDetectProvider.tsx | 7 +++++++
 src/main.tsx                                            | 8 +++++---
 3 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 src/components/providers/LocationAutoDetectProvider.tsx

diff --git a/src/App.tsx b/src/App.tsx
index ad8b41c1..a286df42 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { AuthProvider } from "@/hooks/useAuth";
-import { useLocationAutoDetect } from "@/hooks/useLocationAutoDetect";
+import { LocationAutoDetectProvider } from "@/components/providers/LocationAutoDetectProvider";
 import { Footer } from "@/components/layout/Footer";
 import Index from "./pages/Index";
 import Parks from "./pages/Parks";
@@ -29,10 +29,9 @@ import AdminSettings from "./pages/AdminSettings";
 const queryClient = new QueryClient();
 
 function AppContent() {
-  useLocationAutoDetect();
-  
   return (
     <TooltipProvider>
+      <LocationAutoDetectProvider />
       <BrowserRouter>
           <Toaster />
           <Sonner />
diff --git a/src/components/providers/LocationAutoDetectProvider.tsx b/src/components/providers/LocationAutoDetectProvider.tsx
new file mode 100644
index 00000000..68213bc0
--- /dev/null
+++ b/src/components/providers/LocationAutoDetectProvider.tsx
@@ -0,0 +1,7 @@
+import { useEffect } from 'react';
+import { useLocationAutoDetect } from '@/hooks/useLocationAutoDetect';
+
+export function LocationAutoDetectProvider() {
+  useLocationAutoDetect();
+  return null; // This component doesn't render anything, just runs the hook
+}
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index e18433e1..1f57122e 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,7 +5,9 @@ import "./index.css";
 import { ThemeProvider } from "@/components/theme/ThemeProvider";
 
 createRoot(document.getElementById("root")!).render(
-  <ThemeProvider defaultTheme="dark" storageKey="thrillwiki-theme">
-    <App />
-  </ThemeProvider>
+  <React.StrictMode>
+    <ThemeProvider defaultTheme="dark" storageKey="thrillwiki-theme">
+      <App />
+    </ThemeProvider>
+  </React.StrictMode>
 );