How to fix broken Google SSO authentication in a Webflow and React TypeScript app after deployment to production? Answered

Post author
Felix Gräf

Hey, I need some help with the sso. I have a webflow page and two other extra typescript/react app.

Both apps are the same thing just one is for development and one is for production.

The url for the one for production is chat.blazeai.io

The one for development is https://blaze-ai-chi.vercel.app/

For some reason the log in doesnt work in the production one even tho its a straight copy from the development.

Also, when trying to sign in with google get this error code in the development site:
{"error":"No auth provider found"}

Comments

9 comments

  • Comment author
    Raquel Lopez

    When registering the Google provider, did you also include what is going to be your production domain?

     

    0
  • Comment author
    Felix Gräf

    Yes, i added blazeai.io since this is the main domain. But for some reason doesnt work in chat.blazeai.io but in https://blaze-ai-chi.vercel.app/ which i didnt even specify anywhere.

    0
  • Comment author
    Raquel Lopez

    When checking the subdomain I see that you're not passing the appId

    If I try to signup using Google using your main domain it works, if I try using your subdomain it throws the error. I think you also need to add your subdomain as an authorized domain in your google configurations 🤔

    0
  • Comment author
    Felix Gräf

    Ohhh okay, I know whats wrong then. Thank you

    0
  • Comment author
    Alex Gibson

    I had Google SSO auth working across my site a few weeks ago -- now the auth button doesn't seem to be doing anything. Any tips?

    Live site here: https://cu.cast.org/login

    Sign up also doesn't work with Google Auth -- the button doesn't seem to do anything:
    https://cu.cast.org/sign-up/studentauth

    0
  • Comment author
    Raquel Lopez

    The data-ms-form="login" is looking for the email and password inputs and those are missing

    The issue is that the library is requesting you to add email and password inputs. Not sure if is a bug 😕 But in the meantime you can add those inputs with their respective attributes and hide them, and your site should work

    <input data-ms-member="email" type="text" />
    <input data-ms-member="password" type="text" />

    0
  • Comment author
    Alex Gibson

    Hmmmm still not working for me: 🤔
    https://cu.cast.org/sign-up/studentauth

    0
  • Comment author
    Raquel Lopez

    This element is also causing you the error. Remove the attribute and it will work 👍

    0
  • Comment author
    Alex Gibson

    AHA! Thanks so much. 😄 You're the best.

    0

Please sign in to leave a comment.