Как избавиться от ошибки CORS в React.js

Я подключил Firebase Auth, для входа на сайт с помощью аккаунта Google. При использовании кнопки sign in with google на мгновение вылезает окно входа, и закрывается. Консоль выдаёт ошибку

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://identitytoolkit.googleapis.com/v1/projects?key=XXXXXXXXXXXXXXXXXXX. (Причина: заголовок CORS «Access-Control-Allow-Origin» не совпадает с «https://localhost:3000»).

Пересмотрел кучу топиков на эту тему, никак не смог разобраться что нужно сделать. Сам скрипт входа:

import { initializeApp } from "firebase/app";
import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";

const firebaseConfig = {
  apiKey: "xxx",
  authDomain: "xxx",
  projectId: "xxx",
  storageBucket: "xxx",
  messagingSenderId: "xxx",
  appId: "xxx",
};

const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);

const provider = new GoogleAuthProvider();

export const signInWithGoogle = () => {
  signInWithPopup(auth, provider)
    .then((result) => {
      console.log(result);
    })
    .catch((error) => {
      console.log(error);
    });
};

Ответы (1 шт):

Автор решения: Dmitriy Grape

Насколько мне известно, браузеры запрещают CORS запросы с localhost.

Мои коллеги использовали этот npm пакет: local-cors-proxy. Им помогло.

→ Ссылка