Аутентификация Google OAuth 2.0 не работает в приложении React: что я делаю не так?

Я хочу сделать простое приложение, в котором мне потребуется аутентификация через аккаунт Google, и так как я никогда этого не делал, то решил начать с него.

Для этого я использую @react-oauth/google а также зарегистрировался и настроил https://console.cloud.google.com/

import './index.css';
import App from './App';
import { GoogleOAuthProvider } from '@react-oauth/google';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <GoogleOAuthProvider clientId = {process.env.REACT_APP_GOOGLE_CLIENT_ID_TOKEN as string}>
    <App />
  </GoogleOAuthProvider>
);

Это index.tsx, здесь я обертываю приложение в провайдер и добавляю свойство clientId

REACT_APP_GOOGLE_CLIENT_ID_TOKEN Беру из файла .env, который находится в корневой папке проекта.

import { GoogleLogin } from '@react-oauth/google';
import './App.css';

function App() {
  return (
    <GoogleLogin
      onSuccess = {credentialResponse => {
        console.info(credentialResponse);
      }}
      onError = {() => {
        console.info('Login Failed');
      }}
    />
  );
}

export default App;

Вот этот app.tsx, я просто добавляю кнопку входа через Google, и хочу видеть учетные данные в консоли

в открывшемся окне ничего не отображается, но видно, что приложение видит clientId

Вот так выглядит адресная строка открывшегося окна

Мне еще предстоит добавить регистрацию и логин через firebase, а потом связать их с логином Google, но на этом этапе я не понимаю, что сейчас делаю не так

Скорее всего есть что-то, о чем я не знаю, можете мне подсказать?