Reactjs ag网格渲染器类基本组件、函数基本组件错误

我有一个关于ag grid cellender的问题

使用CellRender时，类基组件不会失败。 使用函数基组件时会生成错误

const columnDefs = [
  {
    field: 'action',
    headerName: 'Action',
    cellRenderer: 'actionRenderer',
  },
]

<AgGridReact
    style={TableStyle}
    rowData={codeData}
    rowSelection="multiple"
    suppressRowClickSelection={true}
    columnDefs={columnDefs}
    onSelectionChanged={handleSelectionChange}
    frameworkComponents={{
        actionRenderer: ActionRenderer,
    }}
/>

我正在使用material ui，希望通过Cell Render和Function Base组件创建一个按钮动作

const columnDefs = [
  {
    field: 'action',
    headerName: 'Action',
    cellRenderer: 'actionRenderer',
  },
]

<AgGridReact
    style={TableStyle}
    rowData={codeData}
    rowSelection="multiple"
    suppressRowClickSelection={true}
    columnDefs={columnDefs}
    onSelectionChanged={handleSelectionChange}
    frameworkComponents={{
        actionRenderer: ActionRenderer,
    }}
/>

reactComponent.js:57位置为=/node_modules/ag grid react/lib/reactComponent.js:57

    ReactComponent.prototype.init = function (params) {
    var _this = this;
    this.eParentElement = this.createParentElement(params);
    this.renderStaticMarkup(params);
    if (this.isStatelessComponent()) {
        this.eParentElement.addEventListener('DOMNodeInserted', this.statelessDomInsertedListener, false);
    }
    

在过去的一周里，我一直在ag grid react中搜索DOMNodeInserted和MutationObserver，我看到了官方文件，但没有找到任何东西

请帮帮我

reactComponent.js:57 [Violation] Added synchronous DOM mutation listener to a 'DOMNodeInserted'event. Consider using MutationObserver to make the page more responsive.
ReactComponent.init @ reactComponent.js:57
UserComponentFactory.initComponent @ ag-grid-community.cjs.js:13428
UserComponentFactory.createAndInitUserComponent @ ag-grid-community.cjs.js:13181
UserComponentFactory.newCellRenderer @ ag-grid-community.cjs.js:13119
createCellRendererFunc @ ag-grid-community.cjs.js:19360
AnimationFrameService.executeFrame @ ag-grid-community.cjs.js:35597

    ReactComponent.prototype.init = function (params) {
    var _this = this;
    this.eParentElement = this.createParentElement(params);
    this.renderStaticMarkup(params);
    if (this.isStatelessComponent()) {
        this.eParentElement.addEventListener('DOMNodeInserted', this.statelessDomInsertedListener, false);
    }