_app.tsx doesn't work as well to modals

[emersonlaurentino]

I'm using tanstack query on my application and I need to set up the provider on _app.tsx, but when I try to use useQuery into the modal, I receive the error:

No QueryClient set, use QueryClientProvider to set one

Exist any way to wrap routes and modals in a unique file like _root.tsx?

[yverby]

I guess you can wrap Routes component imported from the package in your query provider

import { Routes } from '@generouted/react-router';

<QueryProvider>
  <Routes />
</QueryProvider>

[emersonlaurentino]

I used the QueryProvider on the _app.tsx and the children is the Outlet, in this case, Can I replace by Routes?

[yverby]

Routes component is a common point for routes and modals located in pages folder. You can see how it works under the hood, routes and modals are different components that are displayed at the same time. Wrapping Routes component at the import level in the application would be a better solution.