[dyad] wrote 4 file(s)

src/App.tsx

@@ -26,10 +26,8 @@ const App = () => {
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
-    // Vérifier le token au démarrage
     const checkAuth = async () => {
       try {
-        // Vérifier si le token est valide
         if (AuthService.getToken()) {
           await AuthService.checkTokenValidity();
         }
@@ -55,8 +53,6 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <ThemeProvider defaultTheme="light" storageKey="notes-theme">
         <TooltipProvider>
-          <Toaster />
-          <Sonner />
           <BrowserRouter>
             <Routes>
               <Route path="/login" element={<Login />} />
@@ -71,6 +67,8 @@ const App = () => {
               <Route path="*" element={<NotFound />} />
             </Routes>
           </BrowserRouter>
+          <Toaster />
+          <Sonner />
         </TooltipProvider>
       </ThemeProvider>
     </QueryClientProvider>

src/main.tsx

@@ -1,5 +1,8 @@
-import { createRoot } from "react-dom/client";
-import App from "./App.tsx";
-import "./globals.css";
-
-createRoot(document.getElementById("root")!).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./globals.css";
+
+const root = document.getElementById("root");
+if (!root) throw new Error("Root element not found");
+
+createRoot(root).render(<App />);