create-bhvr/dist/templates/extras/client/src/main.tsx/main-with-tanstackquery-tanstackrouter.js

Create a new bhvr project

import { StrictMode } from "react";
import ReactDOM from "react-dom/client";
import { RouterProvider, createRouter } from "@tanstack/react-router";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "./index.css";
const queryClient = new QueryClient();
// Import the generated route tree
import { routeTree } from "./routeTree.gen";
// Create a new router instance
const router = createRouter({ routeTree });
const rootElement = document.getElementById("root");
if (!rootElement) {
    throw new Error("Root element not found. Check if it's in your index.html or if the id is correct.");
}
// Render the app
if (!rootElement.innerHTML) {
    const root = ReactDOM.createRoot(rootElement);
    root.render(<StrictMode>
			<QueryClientProvider client={queryClient}>
				<RouterProvider router={router}/>
			</QueryClientProvider>
		</StrictMode>);
}