MUI DataGridPro useResizeContainer - 网格的父级具有空宽度

我恳求你帮助我，因为我已经寻找答案三天了，但我无法解决这个问题。

Problem:MUI：useResizeContainer - 网格的父级具有空宽度。 您需要确保容器具有固有宽度。 网格显示的宽度为 0px。

描述这是我的表格的屏幕截图，它放置在 MUI 侧抽屉中，当我检查了我能找到的所有 CSS 时，我们如何才能看到没有 0px 宽度或与之相关的内容，但没有向我提供谷歌搜索和 MUI 文档一个答案，我发现我并不孤单有这个问题

表格截图 https://i.stack.imgur.com/v71sV.png

成分

          <GridContainer>
                <StyledDataGridPro
                    headerHeight={40}
                    rowHeight={56}
                    disableSelectionOnClick
                    autoHeight
                    disableColumnMenu
                    disableChildrenSorting
                    disableColumnResize
                    disableColumnReorder
                    hideFooterRowCount
                    rows={rows}
                    columns={columns}
                />
            </GridContainer>

容器样式：

export const GridContainer = styled(Box)(({ theme }) => ({
    width: '535px',
    marginTop: '24px',
    '& .actions': {
        padding: '0 !important'
    },
    '& .MuiDataGrid-footerContainer': {
        display: 'none'
    }
}));

网格样式：

export const StyledDataGridPro = styled(DataGridPro)(({ theme }) => ({
    border: 'none',
    '& .MuiDataGrid-row': {
        cursor: 'pointer'
    },
    '& .MuiDataGrid-columnSeparator': {
        visibility: 'hidden'
    },
    '& .MuiDataGrid-columnHeaders, .MuiDataGrid-columnHeader': {
        backgroundColor: theme.palette.custom.cultured
    },
}));

至少！！！ 问题是gridPro是在同时关闭的Drawer中渲染的，所以目前我有一个当前未渲染的父级的0px宽度， 天哪，这么愚蠢的错误

因此，为了修复它，我对其进行了条件渲染，因此我传入了整个抽屉的“isOpen”状态 - 就这么简单