'"The provided value for the input parameter 'redirect_uri' is not valid" Using firebase

Firebase tells me to do this:

enter image description here

So I did enter image description here

But I'm still getting this error "The provided value for the input parameter 'redirect_uri' is not valid"

I feel like I've followed instructions exactly but it's still not working. I have no idea how to debug this further. Any suggestions?

Here is my frontend code where I call signIn

let provider = new firebase.auth.OAuthProvider("microsoft.com");
  provider.addScope("Calendars.Read");
  firebase.auth().signInWithPopup(provider).then(handleResponse);

Edit I changed the url to my custom domain and it seemed to be working but now I'm getting Error getting verification code from microsoft.com response: proof key for code exchange is required for cross-origin



Solution 1:[1]

For some reason Firebase decided to change the url where it handled auth. Instead of using the .firebaseapp.com/__/auth/handler url, it is using my actual custom domain. Though I don't really understand why this would happen...?

The Error getting verification code from microsoft.com response: proof key for code exchange is required for cross-origin was happening because I had configured an SPA on Azure instead of a Web platform.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1