_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.

[daveruiz]

I'm facing this issue. My problem is a common context provider that requires the Router context. I don't see a way to provide both contexts to Modals simultaneously. If I place it outside the Generouted router it won't get the router context, and placing it inside _app.tsx won't be accessible by Modals.

The idea of having a _root.tsx that wraps both might make sense. Or maybe give the option to place Modals inside the _app.tsx layout somehow.

[ml1nk]

I'm also facing this issue. Cannot everything running outside of routes but the modals are missing the context.