TypeError: (0 , firebase_auth__WEBPACK_IMPORTED_MODULE_3__.default) is not a function

Question

  const handle_login = async (e) => {
    console.log(username);
    console.log(password);
    e.preventDefault();
    const login_auth = await signInWithEmailAndPassword(auth, username, password)
    if(login_auth){
      console.log("Login");
    }
    
  };

error:

TypeError: (0 , firebase_auth__WEBPACK_IMPORTED_MODULE_3__.default) is not a function

How to fix it?

I am using firebase v8 and next.js