Javascript 物料UI数据网格列筛选器不存在'；无法使用“材质UI”对话框

所以我有以下问题：我在React JS中创建了一个Material UI DataGrid，我想在Material UI DialogContent中使用它。当放入对话框时，表中的所有内容都正常工作-排序、renderCells、checkboxSelection等，但使用默认筛选除外。下面是一个重新创建错误的简单示例：

单击列名/选项，然后单击“过滤器”会显示错误，即您不能在过滤器字段中键入错误。有人知道这个问题的解决办法吗

---

提前感谢，如果问题措辞不当或重复，请先在此处发布，以便将disableEnforceFocus添加到对话框组件中

  <Dialog disableEnforceFocus fullWidth maxWidth="xl" open={true} onClose={this.onClose}>
    <DialogTitle>Test Dialog Grid</DialogTitle>
    <DialogContent>t>
      <div style={{ backgroundColor: "white" }}>
        <DataGrid columns={columns} rows={rows} autoHeight />;
      </div>
    </DialogContent>
  </Dialog>
      <div style={{ backgroundColor: "white" }}>
        <DataGrid columns={columns} rows={rows} autoHeight />;
      </div>
  </div>

测试对话框网格
t>
;
;