Getting Page is not working with http status 400 after enabling Force email verification rule

[utkarsh]

I am working on the

next.js project and I integrated Auth0 for authentication. Now, I just enable a rule which is Force email verification in auth0. So, whenever I signup the very first time, I got a callback error: UnauthorizedError and it displays Page is not working with the status HTTP400 on the browser. How to resolve it? I want instead of an error page, it should display some friendly message like “Please verify your email to login” in the centre.

[rueben.tiow]

Hi @utkarsh,

Welcome to the Auth0 Community!

Having looked closely at your screenshot, I can confirm that the Rule is behaving as expected.

Now, the issue is with the redirect_uri (callback URL) sending the user to `http://localhost:3000/api/auth/callback" which is currently not running.

In this case, you will need to run your app’s server (npm start) on your local machine for the webpage to load correctly.

Please let me know if you have any additional questions.

Thanks,
Rueben

[utkarsh]

Hi @rueben.tiow ,

I tried it, but instead of running the server again, Is there any way to show the error page which display some message to verify the email?

[rueben.tiow]

Hi @utkarsh,

Thank you for your response.

@utkarsh

Is there any way to show the error page which display some message to verify the email?

Yes, your webpage should render the error message on the page. In my tests, I used the Auth0 Express SDK to throw the access denied error, and the result of my webpage looks like this:

Have you been observing something different? If so, could you please clarify what happened and include a screenshot?

Thanks,
Rueben