Не могу понять почему ошибка в firebase.auth().createEmailAndPassword()?

Я пишу на react, и начал осваивать firebase, но не могу понять почему мне выдаёт ошибку? Помогите пожалуйста!

Вот код:

import { Link } from "react-router-dom";
import {useState} from "react";
import firebase from "firebase/compat/app"; 
import "firebase/auth"

export default function SingUp () {
    const [email, setEmail] = useState("")
    const [password, setPassword] = useState("")
    const [error, setError] = useState("")

    const hanglePassChange = (e) => {
        setPassword(e.target.value)
    };
    const hangleEmailChange = (e) => {
        setEmail(e.target.value)
    };
    const hangleSubmit = async (e) => {
        e.preventDefault()
        try {

            await firebase.auth().createUserWithEmailAndPassword(email, password)

        } catch (e) {
            setError(e)
            console.log(error);
        }
    };
    return (

        <div>
            <form onSubmit={hangleSubmit}>
                <p>
                    Зарегистрируйтесь
                </p>
                <div>
                    <input
                        placeholder="Email"
                        name="email"
                        type="email"
                        onChange={hangleEmailChange}
                        value={email}
                    />
                </div>
                <div>
                    <input
                        placeholder="Password"
                        name="password"
                        type="password"
                        onChange={hanglePassChange}
                        value={password}
                    />
                </div>
                <div>
                    <button type="submit">Login</button>
                </div>
                <hr />
                <p>
                    Уже зарегистрированны? <Link to="/login">Sing In</Link>
                </p>
            </form>
        </div>
    )
}

Вот ошибка:

TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_2__.default.auth is not a function

Вопрос: почему она выскакивает и как от неё избавиться?

P.S Пользаватель так и не регистрируется, хотя я настроил firebase