v4.0.0-beta.7 - when /profile request returns 401 (Unauthhorized) should be handle somehow

[sleitor]

Checklist

• [X] The issue can be reproduced in the nextjs-auth0 sample app (or N/A).
• [X] I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
• [X] I have looked into the API documentation and have not found a suitable solution or answer.
• [X] I have searched the issues and have not found a suitable solution or answer.
• [X] I have searched the Auth0 Community forums and have not found a suitable solution or answer.
• [X] I agree to the terms within the Auth0 Code of Conduct.

Description

Heed some hook, ability, or automatically catch 401 error on /profile (that request by use-user.js on 15th line) to force logout from the app.

How we can catch it and redirect to /login or /logout page?

Reproduction

1) login on auth0 2) in the developer tab remove the cookie 3) focus off/on on the page or just wait couple time 4) after get atomatically on middleware will get a 401 for profile

Additional context

No response

nextjs-auth0 version

v4.0.0-beta.7

Next.js version

15.0.3

Node.js version

v20.18.0

[guabu]

Hey @sleitor 👋 When the call to /profile returns the 401 the user will no longer be defined. You should be able to check the existence of the user (it will be null if they're not authenticated) and act on that:

"use client";

import { useUser } from "@auth0/nextjs-auth0";

export default function Profile() {
  const { user, isLoading } = useUser();

  if (!user) {
    // handle the logic you want here
  }

  return (
    // ...
  );
}

[sleitor]

Thank you @guabu! Appreciate for fast answer. that partially works :)

...
  const { user, ...rest } = useUser();
  console.log('rest parameters', rest);
...

There found another bug. when we remove the __session from cookies then In the useUser hook not catched properly 401 responce from fetch

I expecting to see there error like 'Unauthorized' instead "error parsing json" :)