diff --git a/packages/create/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs b/packages/create/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs
index 1d88ddb9..468f7170 100644
--- a/packages/create/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs
+++ b/packages/create/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs
@@ -41,7 +41,7 @@ export function getContext() {
   };
 }
 <% } else { %>
-import { QueryClient } from '@tanstack/react-query'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 
 export function getContext() {
   const queryClient = new QueryClient();
@@ -49,4 +49,13 @@ export function getContext() {
     queryClient,
   };
 }
+
+export default function TanStackQueryProvider({ children }: { children: React.ReactNode }) {
+  const { queryClient } = getContext()
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+    </QueryClientProvider>
+  )
+}
 <% } %>