Checks.state argument is missing in next.js

[hussamkhatib]

I am getting an error when trying to login using auth0 while in production.

This seems as a common problem other users have faced as there is already similar question asked before , I wasn’t able to resolve with alone.

Another strange is that the url is changed to localhost:3000 after login (when error occurs)

code : GitHub - hussamkhatib/Job-Fynd: An Open Source alternative of Bizotic
depolyed : vercel
browser’s tested : chrome (with incoginto as well), edge
framework : next.js

[rueben.tiow]

Hi @hussamkhatib,

Thanks for reaching out to the Auth0 Community!

I understand that you’ve been encountering the checks.state argument is missing error.

There are a couple of things I’d like you to try and see if it fixes the issue:

1. Please double check that you have configured your Vercel Environment Variables correctly? See here.
2. Could you please make sure that your Allowed Callback URLs and Allowed Logout URLs are configured correctly in your Auth0 Dashboard? See here.

Looking forward to your response.

Thank you.

[hussamkhatib]

The issue is resolved now.
I had set the env variables on both local and vercel as exactly same.
So in production It gave error because the login/logout logout was at localhost://3000