Bonsoir. j'obtiens cette erreur dans mon form , comment puis-je pallier svp. j'a

import React , { Component } from 'react';
import fire from './config/Fire';




class Login extends Component{
    constructor(props){
      super(props);
      this.login=this.login.bind(this);
      this.handleChange= this.handleChange.bind(this);
      this.state={
          email:'',
          password:'',
      }
    }

    login(e) {
        e.preventDefault();
        fire.auth().signInWithEmailAndPassword(this.state.email, this.state.password).then((u)=>{
         }).catch((error)=>{
             console.log(error);
         });
    }

    signup(e) {
        e.preventDefault();
        fire.auth().createUserWithEmailAndPassword(this.state.email, this.state.password).then((u)=>{
         }).catch((error)=>{
             console.log(error);
         });
    }

    handleChange(e){
        this.setState({[e.target.name]: e.target.value});
    }
   
    render()
    {
        return(
            <div className="col-md-6">
                <form>
                  <div class="form-group">
                    <label for="exampleInputEmail">Adresse email</label>
                    <input value={this.state.email} onChange={this.handleChange} type="email" name="email"
                        class="form-control" id="exampleInputEmail" aria-describedby="emailHelp"
                        placeholder="votre email"/>
                    <small id ="emailHelp" class="form-text text text-muted">Votre email reste confidentiel</small>
                  </div>
                    <button type="submit" onClick={this.login} class="btn btn-primary">Connexion</button>
                    <button onClick={this.signup} style={{marginLeft: '25px'}} className="btn btn-success">Inscription</button>
                </form>
                
            
               
            </div>
        );
    }
}
export default Login;