Skip to content

Instantly share code, notes, and snippets.

@armanrozika
Created October 5, 2024 14:04
Show Gist options
  • Save armanrozika/a32c27ba0690eb28e1a3941d935e9568 to your computer and use it in GitHub Desktop.
Save armanrozika/a32c27ba0690eb28e1a3941d935e9568 to your computer and use it in GitHub Desktop.
tanstack router and query & vite config
//main.tsx
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { RouterProvider, createRouter } from "@tanstack/react-router";
import { routeTree } from "./routeTree.gen";
import "./index.css";
const queryClient = new QueryClient();
const router = createRouter({
routeTree,
context: { queryClient },
});
declare module "@tanstack/react-router" {
interface Register {
router: typeof router;
}
}
function App() {
return <RouterProvider router={router} />;
}
createRoot(document.getElementById("root")!).render(
<StrictMode>
<QueryClientProvider client={queryClient}>
<App />
</QueryClientProvider>
</StrictMode>
);
//vite config
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import { TanStackRouterVite } from "@tanstack/router-vite-plugin";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), TanStackRouterVite()],
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment