TanStackT
TanStack•9mo ago
colossal-harlequin

Using beforeLoad for authentication routes while keeping route layout

I have a simple authentication checker for a route, like so:

export const checkAuthentication = (opts: {user: ApplicationUser}) => {
  ...
  if !(opts.user.isAuthenticated) {
    throw notFound();
  }
}


there are 2 ways to use this, either inside 
loader
 or 
beforeLoad
. 
loader
 doesn't work for me since it caches data and 
user
 changes. i could specify loaderDeps, but i'd have to do that for every route, not to mention there are other queries in loader. this leaves 
beforeLoad
. it works, but the resulting not found component isn't loaded with the root layout, or any layout. is this a bug? i would expect parent layouts to still work even with 
beforeLoad
 failing, is that not the case?
Was this page helpful?