Some react elements like Button don't allow for state changing.

[moda20]

I encountered a problem with some elements not accepting the state change in the onClick event.

example :

<Button onClick={(event)=>{
     this.login(event)
 }}>Log In</Button>

 login(e) {

    e.preventDefault();
    this.setState({
      isLoading:true
    });
    // Here, we call an external AuthService. We'll create it in the next step
    Auth.login(this.state.user, this.state.password)
      .catch(function (err) {
        console.log("Error logging in", err);
      }).finally(()=>{
      this.setState({
        isLoading:true
      });
    });
  }

the setState call on first doesn't happen. no matter what happens it doesn't change the state to true. It even passes when using callback function in the setState method.
This happened multiple times and using other components did fix the problem.

is this a bug ? how can I fix it ?