René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"`npm create @tanstack/start@latest`, when set up with Query also includes Provider, but it is not used.","articleBody":"### Which project does this relate to?\n\nCreate Tanstack App\n\n### Describe the bug\n\nWhen setting up `npm create @tanstack/start@latest`, it also creates the folder `src/integrations/tanstack-query` with two files inside:\n\n- `root-provider.tsx`\n- `devtools.tsx`\n\nInside `root-provider.tsx`, there is a Provider function (see both tRPC and non-tRPC snippet below)\n\nhttps://github.com/TanStack/create-tsrouter-app/blob/6110e61344d6fc002dbf371c89e39ce8f679789c/frameworks/react-cra/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs#L46-L58\n\nhttps://github.com/TanStack/create-tsrouter-app/blob/6110e61344d6fc002dbf371c89e39ce8f679789c/frameworks/react-cra/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs#L69-L79\n\nThey are not used anywhere in the template, and from the page [TanStack Query Integration](https://tanstack.com/router/v1/docs/integrations/query):\n> By default, the integration wraps your router with a QueryClientProvider. If you already provide your own provider, pass wrapQueryClient: false and keep your custom wrapper.\n\nThe code in the template is unused, so it may be removed.\n\n### Your Example Website or App\n\nhttps://tanstack.com/start/v0/docs/framework/react/quick-start\n\n### Steps to Reproduce the Bug or Issue\n\n1. Create a basic app with `npm create @tanstack/start@latest my-app -- --add-ons tanstack-query`\n2. View the contents of `src/integrations/tanstack-query/root-provider.tsx` with `cat`:\n```jsx\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\n\nexport function getContext() {\n  const queryClient = new QueryClient()\n  return {\n    queryClient,\n  }\n}\n\nexport function Provider({\n  children,\n  queryClient,\n}: {\n  children: React.ReactNode\n  queryClient: QueryClient\n}) {\n  return (\n    \u003cQueryClientProvider client={queryClient}>{children}\u003c/QueryClientProvider>\n  )\n}\n```\n3. Look for files where Provider is mentioned with `grep`:\n```console\n$ grep -nr \"\\bProvider\" --exclude-dir=node_modules\nsrc/integrations/tanstack-query/root-provider.tsx:10:export function Provider({\n```\n\nAs we can see, excluding the file where it was defined, it is not used anywhere else.\n\n### Expected behavior\n\nAs a user, I expect unused code snippets to not be part of our template. However, in our case, there is a unused code that returns a `QueryClientProvider`, which is not used anywhere, and which won't be needed, since Router also has Query integration.\n\n### Screenshots or Videos\n\n_No response_\n\n### Platform\n\n- OS: Linux\n- Browser: Firefox\n- Version: 146.0-2\n\n\n### Additional context\n\n_No response_","author":{"url":"https://github.com/Ashvith10","@type":"Person","name":"Ashvith10"},"datePublished":"2025-12-31T10:36:25Z","url":"https://github.com/TanStack/cli/issues/272"}