interface ModalPageState{
  modal2 : boolean,
}

class ModalPage extends Component <ModalPageState> {
  

  state : ModalPageState = {
    modal2: false,
  };


  toggle = (nr) => () => {
    let modalNumber = "modal" + nr;
    this.setState({
      [modalNumber]: !this.state[modalNumber],
    });
  };


}

Error in the state:

Property 'state' in type 'ModalPage' is not assignable to the same property in base type 'Component<ModalPageState, ModalPageProps, any>'. [1] Type 'ModalPageState' is missing the following properties from type 'Readonly': modalName, modalHeader, modalBody, history, and 2