reactjs - 材质 UI 表不适用于 react-hook-form

Question

Material UI表结构如下

<Table>
  <TableHead>
    <TableRow>
      <TableCell>Column 1</TableCell>
      <TableCell>Column 2</TableCell>
      <TableCell>Column 3</TableCell>
    </TableRow>
  </TableHead> 
  
  <TableBody>
    <TableRow>
      <TableCell>Cell 1</TableCell>
      <TableCell>Cell 2</TableCell>
      <TableCell>Cell 3</TableCell>
    </TableRow>
  </TableBody>
</Table>

我想让表格的第一行成为一个带有输入的表格。单击提交按钮时，新行将填充表格。

但是当我引入表单标签时，该行从表格中消失了。

<TableBody>
  <TableRow>
    <form> 
      <TableCell>Cell 1</TableCell>
      <TableCell>Cell 2</TableCell>
      <TableCell>Cell 3</TableCell>
    </form>
  </TableRow>
</TableBody>

有什么办法可以让 MUI 表行成为一个表单，这样当我点击提交时，我可以获得该行的表单数据对象？