防止在输入字段中键入内容时关闭reactjs语义ui模式窗口

如何解决防止在输入字段中键入内容时关闭reactjs语义ui模式窗口

我正在尝试添加带有表单的模式窗口。

问题是，当我开始在input中键入内容时，每次键入时，它都会关闭。

这是我的代码：

  const [name,setName] = useState('')

  const [description,setDescription] = useState('');

....

<Modal trigger={<Button color='yellow'
                    content='Create album'
                    icon='add'
                    labelPosition='left'/>}
                    
                    >
      <Modal.Header>New album</Modal.Header>
      <Modal.Content image>
        <Modal.Description>
        <Form onSubmit={handleSubmit}>
      
            <Form.Group widths='equal'>
            <Form.Input name="name" value={name} onChange={(e) => setName(e.target.value)} fluid label='Name' placeholder='Album name' />
            </Form.Group>
            
            <Form.TextArea name="description" value={description}  onChange={(e) => setDescription(e.target.value)} label='Description' placeholder='Album description' />
            
            <Form.Button >Submit</Form.Button>
         </Form>
        </Modal.Description>
      </Modal.Content>
    </Modal>

不知道为什么要这么做。

感谢您的帮助。

谢谢。