为什么网格项目材料UI V5无法正常工作？

Question

我遇到了MUI V5的网格组件的问题。如果在沙箱中写代码 - 它是有效的问题。我发现我必须给出sx = {{'＆amp; .muigrid-root'：{flexgrow：'1'}到我的网格容器。但是我的物品属性仍然无法使用。知道我错过了什么吗？

   <Paper sx={{ padding: 5, height: '100%' }} >
        <Grid container spacing={4} sx={{border:'1px solid red','& .MuiGrid-root':{flexGrow: '1'},}}>
            <Grid item item xs={12} sm={12} md={12} lg={6} xl={4} sx={{border:'1px solid blue',}}> grid 1</Grid>
            <Grid item xs={2} sx={{border:'1px solid blue',}}> grid 2</Grid>
            <Grid item xs={6} sx={{border:'1px solid blue',}}> grid 3</Grid>
        </Grid>
    </Paper>

结果让我失望 result

版本如果mui：“@mui/yater