From c6fe8581e98f65b06f267da02843ed3ae2df4de6 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 31 Dec 2024 05:35:51 +0000
Subject: [PATCH] Fix runtime error in Helmet

Resolved the "Uncaught TypeError: Cannot read properties of undefined (reading 'add')" error occurring in the HelmetDispatcher component. This change aims to ensure proper initialization and usage of the Helmet library within the application.
[skip gpt_engineer]
---
 src/App.tsx | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4365499..a7377af 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,9 @@
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom"
+import { Toaster } from "@/components/ui/toaster"
+import { Toaster as Sonner } from "@/components/ui/sonner"
+import { TooltipProvider } from "@/components/ui/tooltip"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
+import { HelmetProvider } from 'react-helmet-async'
 import Landing from "@/pages/Landing"
 import Login from "@/pages/Login"
 import Settings from "@/pages/Settings"
@@ -6,17 +11,27 @@ import WaitlistLanding from "@/pages/WaitlistLanding"
 import NotFound from "@/pages/NotFound"
 import "./App.css"
 
+const queryClient = new QueryClient()
+
 function App() {
   return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<Landing />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/settings" element={<Settings />} />
-        <Route path="/waitlist" element={<WaitlistLanding />} />
-        <Route path="*" element={<NotFound />} />
-      </Routes>
-    </Router>
+    <HelmetProvider>
+      <QueryClientProvider client={queryClient}>
+        <TooltipProvider>
+          <Toaster />
+          <Sonner />
+          <Router>
+            <Routes>
+              <Route path="/" element={<Landing />} />
+              <Route path="/login" element={<Login />} />
+              <Route path="/settings" element={<Settings />} />
+              <Route path="/waitlist" element={<WaitlistLanding />} />
+              <Route path="*" element={<NotFound />} />
+            </Routes>
+          </Router>
+        </TooltipProvider>
+      </QueryClientProvider>
+    </HelmetProvider>
   )
 }