Error during authorization: Redirect URI doesn’t match application

[richjava]

I have tried to follow this guide but when I click on the "Login with Netlify" button, I get the following error:

Error during authorization
Redirect URI doesn’t match application

The steps I have taken:

• Forked this repo and created a Netlify app by Git, using the forked repo.
• Renamed the Netlify app to "netlify-oath-example" (with mis-spelled "oauth" haha).
• Created an Netlify OAuth application with a redirect URL of: https://netlify-oath-example.netlify.app/.netlify/functions/auth-callback.js
• Set the Netlify environment variables NETLIFY_OAUTH_CLIENT_ID and NETLIFY_OAUTH_CLIENT_CLIENT with the values from the Netlify OAuth application.

Steps to reproduce:
Navigate to the following URL and click the "Login with Netlify button:
https://netlify-oath-example.netlify.app/

I'd really love to get this working and would appreciate any insights! :)

[bettse]

I had the same error immediately after deploying and renaming my site. I fixed it by doing a redeploy so that the frontend code knew my site's new name.

[niwasmala]

I also had the same error after renaming my site. I fixed by changing the redirect URL without .js.

After changing the redirect URL from {url-of-my-site}/.netlify/functions/auth-callback.js to {url-of-my-site}/.netlify/functions/auth-callback, run trigger to deploy the apps again, it works

[theapplegates]

I also had the same error after renaming my site. I fixed by changing the redirect URL without .js.

After changing the redirect URL from {url-of-my-site}/.netlify/functions/auth-callback.js to {url-of-my-site}/.netlify/functions/auth-callback, run trigger to deploy the apps again, it works

This worked for me. Thanks.