Hi @gllermaly

Your component falls into an infinite loop because you call setToggle without function. You should use a function that will be called after click to change the state.

Please check this snippet. It should work:

function Providers(props) {
  const [toggle, setToggle] = useState(false);

  return (
    <MDBContainer>
      <MDBModal isOpen={toggle}>
        <MDBModalHeader>XX</MDBModalHeader>
        <MDBModalBody>(...)</MDBModalBody>
        <MDBModalFooter>
          <MDBBtn color='secondary' onClick={() => setToggle(false)}>
            Close
          </MDBBtn>
        </MDBModalFooter>
      </MDBModal>
    </MDBContainer>
  );
}

Let me know if my solution works with this matter.

Best regards,

Kuba