Here is my main.tsx: ``` import { RouterProvider, createRouter } from "@tanstack/react-router"; import React from "react"; import ReactDOM from "react-dom/client"; import { routeTree } from "./routeTree.gen"; import "./styles.css"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { Loader2Icon } from "lucide-react"; import { useAuth } from "./providers/auth-context-provider"; import Providers from "./providers/providers"; const queryClient = new QueryClient(); // Set up a Router instance const router = createRouter({ routeTree, defaultPreload: "intent", scrollRestoration: true, context: { queryClient, auth: undefined, // This will be set after we wrap the app in AuthContextProvider }, }); // Register things for type-safety declare module "@tanstack/react-router" { interface Register { router: typeof router; } } function InnerApp() { const auth = useAuth(); // If the provider is initially loading, do not render the router if (auth.isInitialLoading) { return (

); } return ; } function App() { return ( ); } // biome-ignore lint/style/noNonNullAssertion: const rootElement = document.getElementById("app")!; if (!rootElement.innerHTML) { const root = ReactDOM.createRoot(rootElement); root.render( , ); } ```

Uncaught Promise (null)

Similar Threads

Similar Threads

Similar Threads