Protección de sesiones en el cliente

Pero en este aplicaría esta vulnerabilidad ya que se esta manejando todo de manera local por así decirlo, en un caso practico por ejemplo con un token de sesión el servidor me retornaría un 401 y eso dispararía el cierre de sesión del usuario

El trabajo del componente Protected se podria hacer tambien de forma automatica desde src/pages/middleware.ts, con la función de Middleware de NextAuth, que me protege bien sea toda la aplicación o solo las páginas que se le indiquen en el matcher. La información está acá: https://next-auth.js.org/configuration/nextjs#middleware

• Desde el servidor se proteje las rutas con una redireccion:

  if (session == null) {
  	return {
   	 redirect: {
      	destination: '/api/auth/signin',
      	permanent: false,
  	  },
   }
  }
  

• En el cliente se protege usando la verificacion del hook useSession:

  if (session == null) {
     return <AccessDenied />
    }
  

• Componente reutilizable que verifica la existencia de sesion: