Firebase Authentication not working with React - reactjs

Question

I have a simple app using React and Firebase (Cloud Firestore & Authentication).
I have used Firebase Authentication Sign in/ sign up with email and password but the promises have no response, although it worked well last night, and firebase.auth().onStateAuthChanged is not working neither but firebase.auth().sendPasswordResetEmail() works well. I do not know what is wrong?
You can check my code at: https://lfddm.csb.app/ (I've used codesandbox)
The firebase cloud firestore rules:
match /users/{userId} {
allow create: if request.auth.uid != null
allow read, write: if request.auth.uid == userId
}
The SignIn component:
import React, { useState } from "react";
import { Link } from "react-router-dom";
import {
Button,
Modal,
ModalHeader,
ModalBody,
Form,
FormGroup,
Label,
Input
} from "reactstrap";
import firebase from "../config/firebase";
export default function SignInModal(props) {
const [modal, setModal] = useState(false);
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const resetModal = () => {
setModal(false);
setEmail("");
setPassword("");
};
const signIn = (e, p) => {
// console.log(e, p);
firebase
.auth()
.signInWithEmailAndPassword(e, p)
.then(() => alert("Sign in successfully!"))
.then(() => resetModal())
.catch(err => alert(err.message));
};
const styles = {
signModal: {
display: "inline",
margin: "0 3px"
}
};
return (
<div className="SignModal" style={styles.signModal}>
<Button color="primary" onClick={() => setModal(!modal)}>
Sign In
</Button>
<Modal isOpen={modal} toggle={() => resetModal()}>
<ModalHeader toggle={() => resetModal()}>Sign In</ModalHeader>
<ModalBody>
<Form
onSubmit={e => {
e.preventDefault();
signIn(email, password);
}}
>
<FormGroup>
<Label for="email">Email</Label>
<Input
type="email"
id="email"
value={email}
onChange={e => setEmail(e.target.value)}
required
/>
</FormGroup>
<FormGroup>
<Label for="password">Password</Label>
<Input
type="password"
id="password"
value={password}
onChange={e => setPassword(e.target.value)}
required
/>
</FormGroup>
<Button
type="submit"
color="primary"
style={{ marginRight: "5px" }}
>
Sign In
</Button>
<Link to="/forget-password">Forget password</Link>
</Form>
</ModalBody>
</Modal>
</div>
);
}
signIn function does not return anything, it means that the firebase.auth() promise is pending.