fix: tanstack query integration

Author: brenelz

packages/create/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs

@@ -62,31 +62,4 @@ export default function TanStackQueryProvider({
     </QueryClientProvider>
   )
 }
-<% } else { %>
-import type { ReactNode } from 'react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-
-export function getContext() {
-  const queryClient = new QueryClient();
-
-  return {
-    queryClient,
-  }
-}
-
-export default function TanStackQueryProvider({
-  children,
-  context,
-}: {
-  children: ReactNode
-  context: ReturnType<typeof getContext>
-}) {
-  const { queryClient } = context
-
-  return (
-    <QueryClientProvider client={queryClient}>
-      {children}
-    </QueryClientProvider>
-  )
-}
 <% } %>

packages/create/src/frameworks/react/project/base/src/router.tsx.ejs

@@ -1,40 +1,27 @@
 import { createRouter as createTanStackRouter } from '@tanstack/react-router'
 import { routeTree } from './routeTree.gen'
 <% if (addOnEnabled['tanstack-query']) { %>
+import { QueryClient } from '@tanstack/react-query'
 import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query";
-import TanStackQueryProvider, {
-  getContext,
-} from "./integrations/tanstack-query/root-provider";
 <% } %>
 
 export function getRouter() {
   <% if (addOnEnabled['tanstack-query']) { %>
-  const context = getContext();
+  const queryClient = new QueryClient();
   <% } %>
 
   const router = createTanStackRouter({
-    routeTree,
-<% if (addOnEnabled['tanstack-query']) { %>
-    context,
-<% } else if (addOnEnabled['apollo-client']) { %>
+    routeTree,<% if (addOnEnabled['tanstack-query']) { %>
+    context: { queryClient },<% } else if (addOnEnabled['apollo-client']) { %>
     context: {} as any,
 <% } %>
     scrollRestoration: true,
     defaultPreload: 'intent',
     defaultPreloadStaleTime: 0,
-<% if (addOnEnabled['tanstack-query']) { %>
-    Wrap: (props: { children: React.ReactNode }) => {
-      return (
-        <TanStackQueryProvider context={context}>
-          {props.children}
-        </TanStackQueryProvider>
-      );
-    },
-<% } %> 
   })
 
 <% if (addOnEnabled['tanstack-query']) { %>
-  setupRouterSsrQueryIntegration({ router, queryClient: context.queryClient })
+  setupRouterSsrQueryIntegration({ router, queryClient: queryClient })
 <% } %>
 
   return router