File-based authenticad route is rendered because isAuthenticated is not fetched yet in the context

Sorry for the noobie question, but in this example:

export const Route = createFileRoute('/dashboard')({
  beforeLoad: ({ context, location }) => {
    if (!context.auth.isAuthenticated) {
      throw redirect({
        to: '/login',
        search: {
          redirect: location.href,
        },
      })
    }
  },
  component: DashboardComponent,
})

export const Route = createFileRoute('/dashboard')({
  beforeLoad: ({ context, location }) => {
    if (!context.auth.isAuthenticated) {
      throw redirect({
        to: '/login',
        search: {
          redirect: location.href,
        },
      })
    }
  },
  component: DashboardComponent,
})

Let's say I am doing a fetchAuthenticated call in the auth context and after receiving a response, the goal is to handle the beforeLoad() segment of the route.

In the given scenario, if I navigate directly to /dashboard, it renders before waiting for the completion of fetchAuthenticated.

I am not sure how to handle this

TanStack•3y ago•

2 replies

progressive-amaranth

File-based authenticad route is rendered because isAuthenticated is not fetched yet in the context

Sorry for the noobie question, but in this example:

export const Route = createFileRoute('/dashboard')({
  beforeLoad: ({ context, location }) => {
    if (!context.auth.isAuthenticated) {
      throw redirect({
        to: '/login',
        search: {
          redirect: location.href,
        },
      })
    }
  },
  component: DashboardComponent,
})

export const Route = createFileRoute('/dashboard')({
  beforeLoad: ({ context, location }) => {
    if (!context.auth.isAuthenticated) {
      throw redirect({
        to: '/login',
        search: {
          redirect: location.href,
        },
      })
    }
  },
  component: DashboardComponent,
})

File-based authenticad route is rendered because isAuthenticated is not fetched yet in the context

Similar Threads

File-based authenticad route is rendered because isAuthenticated is not fetched yet in the context

Similar Threads

Similar Threads

Similar Threads