I'm going to put a firebase-based Twitter login on a web page. As shown in Docs, we created an app on the Twitter developer portal, put the app key and app secret in the firebase column, respectively, and added the firebase's callback URL to the Twitter app.

When you try to run by pressing the login button, a rare appears with the following error code. auth/invalid-credential The supplied auth credential is malformed or has expired.

Do you happen to know what I did wrong? Can I also know the solution? JavaScript was used, and under the same conditions, Facebook and Google can log in well and retrieve user information.

Someone help me why Twitter is the only thing like this... I am desperate! Below, I put my Twitter login code and other screenshots together in case I need it.

$(document).on('click', '#twiter', function () {
var provider = new firebase.auth.TwitterAuthProvider();
firebase.auth().useDeviceLanguage();
firebase
    .auth()
    .signInWithPopup(provider)
    .then((res) => {
        /** @type {firebase.auth.OAuthCredential} */
        var token = result.credential.accessToken;
        var user = result.user;

        console.log(token)
        console.log(user)
        // ...
    }).catch((error) => {
        console.log(error)
        console.log(error.code)
        console.log(error.message)
    });

});

enter image description here

enter image description here