sad-indigo

invalidate `ensureQueryData` used in `beforeLoad`

Is there a way to invalidate

ensureQueryData

ensureQueryData

data in

beforeLoad

beforeLoad

so that any page that consumes the data via

Route.useRouteContext

Route.useRouteContext

can be updated?

__root.tsx

__root.tsx

export const Route = createRootRouteWithContext<RouterContext>()({
  async beforeLoad({ context }) {
    return await context.queryClient.ensureQueryData(authQueryOptions())
  },
  component: RootComponent,
})

export const Route = createRootRouteWithContext<RouterContext>()({
  async beforeLoad({ context }) {
    return await context.queryClient.ensureQueryData(authQueryOptions())
  },
  component: RootComponent,
})

index.tsx

index.tsx

function Index() {
  const { auth } = Route.useRouteContext()
  const user = auth?.user
  return (
    <div>
      Index: {user}
    </div>
  )
}

function Index() {
  const { auth } = Route.useRouteContext()
  const user = auth?.user
  return (
    <div>
      Index: {user}
    </div>
  )
}

TanStack•16mo ago

sad-indigo

invalidate `ensureQueryData` used in `beforeLoad`

Is there a way to invalidate

ensureQueryData

ensureQueryData

data in

beforeLoad

beforeLoad

so that any page that consumes the data via

Route.useRouteContext

Route.useRouteContext

can be updated?

__root.tsx

__root.tsx

export const Route = createRootRouteWithContext<RouterContext>()({
  async beforeLoad({ context }) {
    return await context.queryClient.ensureQueryData(authQueryOptions())
  },
  component: RootComponent,
})

export const Route = createRootRouteWithContext<RouterContext>()({
  async beforeLoad({ context }) {
    return await context.queryClient.ensureQueryData(authQueryOptions())
  },
  component: RootComponent,
})

index.tsx

index.tsx

function Index() {
  const { auth } = Route.useRouteContext()
  const user = auth?.user
  return (
    <div>
      Index: {user}
    </div>
  )
}

function Index() {
  const { auth } = Route.useRouteContext()
  const user = auth?.user
  return (
    <div>
      Index: {user}
    </div>
  )
}

invalidate `ensureQueryData` used in `beforeLoad`

Similar Threads

invalidate `ensureQueryData` used in `beforeLoad`

Similar Threads

Similar Threads

Similar Threads