Когда я нажимаю кнопку Добавить команду. Вызывает функцию для показа модальных. модальный код работает, но не отображается на экране,

Question

Когда я вызываю следующую функцию на кнопке «Добавить команду», эта функция вызывается для добавления новой команды, и она должна отображать модальные на экране, но я не могу увидеть модальные на экране.

function AddNewProduct(props) {
  return (
    <Modal
      {...props}
      size="md"
      aria-labelledby="contained-modal-title-vcenter"
      centered
    >
      <Modal.Header closeButton>
        <Modal.Title id="contained-modal-title-vcenter">
          New Team
          </Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <p>New team was added to the `enter code here`list</p>
      </Modal.Body>
      <Modal.Footer>
        <Button >Ok</Button>
      </Modal.Footer>
    </Modal>
  );
}