TanStack•3y ago•

1 reply

dead-brown

Nested route context doesn't update.

Hi. I've forked Authenticated routes with context example from tanstack router docs.
I've switched using

useAuth

useAuth

Route.useRouteContext()

Route.useRouteContext()

which is modified in

dashboard.tsx

dashboard.tsx

beforeLoad

beforeLoad

so it returns typesafe user -

 return {
      ...context,
      auth: {
        setUser: context.auth.setUser,
        isAuthenticated: true,
        user: context.auth.user,
      },

 return {
      ...context,
      auth: {
        setUser: context.auth.setUser,
        isAuthenticated: true,
        user: context.auth.user,
      },

Everything seems to work the same (we gain access to typesafe user) - things break when I try to call logout from a nested component which import

Route

Route

from

'./dashboard

'./dashboard

then the setState doesn't seem to do anything.

https://stackblitz.com/edit/tanstack-router-n9pza6?file=src%2Froutes%2Fdashboard.tsx

StackBlitzStanisław

Router Authenticated Routes Context Example (forked) - StackBlitz

Run official live example code for Router Authenticated Routes Context, created by Tanstack on StackBlitz

TanStack•3y ago•

1 reply

dead-brown

Nested route context doesn't update.

Hi. I've forked Authenticated routes with context example from tanstack router docs.
I've switched using

useAuth

useAuth

Route.useRouteContext()

Route.useRouteContext()

which is modified in

dashboard.tsx

dashboard.tsx

beforeLoad

beforeLoad

so it returns typesafe user -

 return {
      ...context,
      auth: {
        setUser: context.auth.setUser,
        isAuthenticated: true,
        user: context.auth.user,
      },

 return {
      ...context,
      auth: {
        setUser: context.auth.setUser,
        isAuthenticated: true,
        user: context.auth.user,
      },

Everything seems to work the same (we gain access to typesafe user) - things break when I try to call logout from a nested component which import

Route

Route

from

'./dashboard

'./dashboard

then the setState doesn't seem to do anything.

https://stackblitz.com/edit/tanstack-router-n9pza6?file=src%2Froutes%2Fdashboard.tsx

StackBlitzStanisław

Router Authenticated Routes Context Example (forked) - StackBlitz

Run official live example code for Router Authenticated Routes Context, created by Tanstack on StackBlitz

Nested route context doesn't update.

Similar Threads

Nested route context doesn't update.

Similar Threads

Similar Threads

Similar Threads