title: Google Authentication With React-Google-Login issue when redirecting
body: <p>I am having an issue with the npm package react-google-login. The issue is that I have a redirectUri passed into the component but when I try to redirect with the popup nothing happens , but when I add uxMode='redirect' it works but it gives me an awfully long url which is something I do not like. Is there a way to make the popup version of the redirect work?</p>
  <p>Here is my code below, the clientID is removed:</p>
  <pre><code>import React from 'react';
  import GoogleLogin from 'react-google-login';
  import ChatRoom from './ChatRoom';
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
  import { faGoogle } from '@fortawesome/free-brands-svg-icons';
  import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
  import {Link} from 'react-router-dom';
  
  const responseGoogle = (res) =&gt; {
      console.log('Failed');
  }
  
  const successLogin = () =&gt; {
      console.log('success');
  }
  
  const Authentication = () =&gt; {
      return (
              &lt;div className='auth-wrapper'&gt;
                  &lt;div className=&quot;auth-container&quot;&gt;
                      &lt;h1 className=&quot;auth-header&quot;&gt;Choose Your Sign in Method&lt;/h1&gt;
                      &lt;div className=&quot;btn-container2&quot;&gt;
                          &lt;GoogleLogin 
                              clientId=&quot;none&quot;
                              buttonText=&quot;Sign in with Google&quot;
                              onSuccess={successLogin}
                              onFailure={responseGoogle}
                              cookiePolicy={'single_host_origin'}
                              uxMode='popup'
                              redirectUri='http://localhost:3000/ChatRoom'
                              render={renderProps =&gt; (
                                  &lt;button className=&quot;btn2 btn-primary2 animate shake&quot; onClick={renderProps.onClick} disabled={renderProps.disabled}&gt;&lt;FontAwesomeIcon size='lg' icon={faGoogle} /&gt; Sign in with Google&lt;/button&gt;
                              )}
                          /&gt;
                          &lt;Link to='/ChatRoom'&gt;
                              &lt;button className=&quot;space btn2 btn-primary2 animate shake&quot;&gt;
                                  &lt;FontAwesomeIcon size='lg' icon={faQuestionCircle} /&gt; Continue as Guest
                              &lt;/button&gt;
                          &lt;/Link&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      )
  }
  
  export default Authentication
  </code></pre>