How to do authenticated routes in `start` like this example?

https://github.dev/tanstack/router/tree/main/examples/react/authenticated-routes

function InnerApp() {
  const auth = useAuth()
  return <RouterProvider router={router} context={{ auth }} />
}

function App() {
  return (
    <AuthProvider>
      <InnerApp />
    </AuthProvider>
  )
}

function InnerApp() {
  const auth = useAuth()
  return <RouterProvider router={router} context={{ auth }} />
}

function App() {
  return (
    <AuthProvider>
      <InnerApp />
    </AuthProvider>
  )
}

I tried to pass the auth object to the

StartClient

StartClient

, however,

context.auth

context.auth

is always undefined in

beforeLoad

beforeLoad

function.

Is this even possible to achieve in start? As it magically passes client side data to server's

beforeLoad

beforeLoad

function's arguments?

TanStack•2y ago•

2 replies

scornful-crimson

How to do authenticated routes in `start` like this example?

https://github.dev/tanstack/router/tree/main/examples/react/authenticated-routes

function InnerApp() {
  const auth = useAuth()
  return <RouterProvider router={router} context={{ auth }} />
}

function App() {
  return (
    <AuthProvider>
      <InnerApp />
    </AuthProvider>
  )
}

function InnerApp() {
  const auth = useAuth()
  return <RouterProvider router={router} context={{ auth }} />
}

function App() {
  return (
    <AuthProvider>
      <InnerApp />
    </AuthProvider>
  )
}

I tried to pass the auth object to the

StartClient

StartClient

, however,

context.auth

context.auth

is always undefined in

beforeLoad

beforeLoad

function.

Is this even possible to achieve in start? As it magically passes client side data to server's

beforeLoad

beforeLoad

function's arguments?

How to do authenticated routes in `start` like this example?

Similar Threads

How to do authenticated routes in `start` like this example?

Similar Threads

Similar Threads

Similar Threads