i wanted to create a login with facebook button, so i created this code:

import { getAuth, signOut,
     onAuthStateChanged, FacebookAuthProvider, signInWithPopup } from "https://www.gstatic.com/firebasejs/9.0.2/firebase-auth.js";

const firebaseConfig = {
  apiKey: "AIzaSyC3GLIN5TBmCDoTfy0dEOgOdvVvqNw-ric",
  authDomain: "auth-project-38aaa.firebaseapp.com",
  projectId: "auth-project-38aaa",
  storageBucket: "auth-project-38aaa.appspot.com",
  messagingSenderId: "431888894254",
  appId: "1:431888894254:web:71bb9b250fbb8a21edd2bf",
  measurementId: "G-6BBPCJ3814"
};

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

// login with facebook
const facebookProvider = new FacebookAuthProvider();
const signInWithFacebook = document.querySelector('#facebook-icon');
signInWithFacebook.addEventListener('click', (e) => {
    e.preventDefault();

    signInWithPopup(auth, facebookProvider).then((result) => {
        const user = result.user;
    
        const credential = FacebookAuthProvider.credentialFromResult(result);
        const accessToken = credential.accessToken;
    })
    .catch((error) => {
        const errorCode = error.code;
        const errorMessage = error.message;
        const email = error.email;
        const credential = FacebookAuthProvider.credentialFromError(error);
          });

});

when i try to login with facebook it gives me this error message:

Facebook has detected that firebase sign in isn't using a secure connection to transfer information.

can you help to solve this problem, please?