Fix: Wrap useLocationAutoDetect in AuthProvider

src/App.tsx

@@ -5,6 +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 { Footer } from "@/components/layout/Footer";
 import Index from "./pages/Index";
 import Parks from "./pages/Parks";
@@ -24,11 +25,12 @@ import AdminSettings from "./pages/AdminSettings";
 
 const queryClient = new QueryClient();
 
-const App = () => (
+function AppContent() {
-  <QueryClientProvider client={queryClient}>
+  useLocationAutoDetect();
-    <AuthProvider>
+  
-      <TooltipProvider>
+  return (
-        <BrowserRouter>
+    <TooltipProvider>
+      <BrowserRouter>
           <Toaster />
           <Sonner />
           <div className="min-h-screen flex flex-col">
@@ -57,6 +59,13 @@ const App = () => (
           </div>
         </BrowserRouter>
       </TooltipProvider>
+  );
+}
+
+const App = () => (
+  <QueryClientProvider client={queryClient}>
+    <AuthProvider>
+      <AppContent />
     </AuthProvider>
   </QueryClientProvider>
 );

src/main.tsx

@@ -3,15 +3,9 @@ import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
 import { ThemeProvider } from "@/components/theme/ThemeProvider";
-import { useLocationAutoDetect } from "./hooks/useLocationAutoDetect";
-
-function AppWithAutoDetect() {
-  useLocationAutoDetect();
-  return <App />;
-}
 
 createRoot(document.getElementById("root")!).render(
   <ThemeProvider defaultTheme="dark" storageKey="thrillwiki-theme">
-    <AppWithAutoDetect />
+    <App />
   </ThemeProvider>
 );