Theo's Typesafe Cult•3y ago

NextAuth: How to protect route groups without middleware?

Because I'm not using SSR, I don't have access to middlewares. My first idea was moving useSession({required: true}) up, from my pages to my layout. But that's not working out because useSession() only works within <SessionProvider> {children} </SessionProvider>. Does that mean I need to create another wrapper between <SessionProvider> and my pages? Like:

<SessionProvider>
  <AuthChecker> // runs useSession({required: true})
    {children}
  </AuthChecker>
</SessionProvider>

<SessionProvider>
  <AuthChecker> // runs useSession({required: true})
    {children}
  </AuthChecker>
</SessionProvider>

And run useSession({required: true}) inside AuthChecker ? Or is there a better way?

3 Replies

arete•3y ago

https://next-auth.js.org/getting-started/client#custom-client-session-handling

Client API | NextAuth.js

The NextAuth.js client library makes it easy to interact with sessions from React applications.

arete•3y ago

you can create something like this

AmirOP•3y ago

Thanks Fatwa, will look into it.

Gaming

Programming

NextAuth: How to protect route groups without middleware?

Did you find this page helpful?