Google Authentication With React-Google-Login issue when redirecting - node.js

Question

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?
Here is my code below, the clientID is removed:
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) => {
console.log('Failed');
}
const successLogin = () => {
console.log('success');
}
const Authentication = () => {
return (
<div className='auth-wrapper'>
<div className="auth-container">
<h1 className="auth-header">Choose Your Sign in Method</h1>
<div className="btn-container2">
<GoogleLogin
clientId="none"
buttonText="Sign in with Google"
onSuccess={successLogin}
onFailure={responseGoogle}
cookiePolicy={'single_host_origin'}
uxMode='popup'
redirectUri='http://localhost:3000/ChatRoom'
render={renderProps => (
<button className="btn2 btn-primary2 animate shake" onClick={renderProps.onClick} disabled={renderProps.disabled}><FontAwesomeIcon size='lg' icon={faGoogle} /> Sign in with Google</button>
)}
/>
<Link to='/ChatRoom'>
<button className="space btn2 btn-primary2 animate shake">
<FontAwesomeIcon size='lg' icon={faQuestionCircle} /> Continue as Guest
</button>
</Link>
</div>
</div>
</div>
)
}
export default Authentication

Answer 1

Essentially all I had to do was use useHistory from react-router-dom and utilize history.push('/page'); to navigate to the page whenever the user gets authenticated.
let history = useHistory();
// Redirects user after authentication to the ChatRoom
const successLogin = () => {
history.push('/ChatRoom');
}