Жидкостная сетка не реагирует, когда данные размещены.

Question

Я пытаюсь создать отзывчивый пользовательский интерфейс для разработки материалов для веб-приложений. Я помещаю в улучшенную таблицу материалов конструкцию материалов. Но затем, когда я изменяю размер экрана, размер таблицы не изменяется или не реагирует. code1

                {width==='xs'? 
                <Grid container >
                    <Grid item xs={12} sm={4}>smup
                        <Paper className={classes.paper}>smup<EnhancedTable/></Paper>
                    </Grid>
                    <Grid item xs={12} sm={8}>
                      <Paper className={classes.paper}>xs=12 sm=9</Paper>
                    </Grid>
                  </Grid>:                             
                  <Grid container >
                    <Grid item xs={12} sm={8}>xsDown
                      <Paper className={classes.paper}>xsDown<EnhancedTable/></Paper>
                    </Grid>
                    <Grid item xs={12} sm={4}>
                      <Paper className={classes.paper}>xs=12 sm=4</Paper>
                    </Grid>
                  </Grid>}

code2

           <Grid container spacing={3}>
              <Grid item xs={12}>
                <Paper className={classes.paper}><EnhancedTable/></Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
           </Grid>

code3

           <Grid container spacing={3}>
              <Grid item xs={12}>
                <Paper className={classes.paper}>xs=12</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
           </Grid>

Код 1 и 2 не отражают отзывчивость, так как расширенная таблица отображается, но код 3 показывает отзывчивость, и отображается только текст

Может кто-нибудь помочь мне понять, что я иду не так, как я застрял на 2 дня.