I'm using the React Google Login package to authenticate users for my site. It works fine on desktop but when I test it out on mobile I am getting
Error 400: redirect_uri_mismatch. I've made sure all my URIs are correct in the API credentials. I'm having a hard time understanding why it will work on desktop but not on mobile.
The redirect_uri_mismatch error message is very common. The redirect uri is used in web applications to tell the server where to return the authorization code to.
When a web application launches the consent screen and the user consents to authorization by defining a redirect uri the authorization sever knows where on your web server the application is able to handle the authorization code exchange step. For it to work properly each redirect uri for your web application must be registered exactly in Google cloud console for your project. This means HTTPS vs HTTP as well as ports and trailing slashes are important. How to fix redirect uri missmatch
Its hard to help you more without seeing your code but you may be mixing things a little.
If you have a mobile application android or ios then you should have crated a mobile client. Which would not require a redirect uri.