T
TanStack8mo ago
metropolitan-bronze

running beforeLoad auth in __root.tsx, but which needs access to a Context

basically at the __root i want to run auth checks beforeLoad. in this auth check, however, i need to set context values that will be available to the rest of the app. in order to wire up context to be available in the beforeLoad, I need the <Provider/> to be wrapping the component, right? but we're at the top level which makes things difficult. one idea is to update the component property of the Route object to return component: () => <AuthProvider><Component /><AuthProvider/>. not even sure if this will work another option is to do a pathless route that is basically a 'sub-root', that does everything the _root does, and then the _root basically isn't doing anything other than rendering providers sorry this is probably confusing, just wanting to follow best/tried practices for this
No description
1 Reply
metropolitan-bronze
metropolitan-bronzeOP8mo ago
for reference, there's also the file structure. some custom config options, route.tsx is layout.tsx and /route is /pages

Did you find this page helpful?