大家好，我正在将材质 ui 与 nextjs 一起使用，我的问题是在我的页面中刷新 2 次后应用了某些样式

图片显示刷新页面前后的差异

before refresh

after refresh

我正在使用的代码：

<Hidden xsDown>
        <Box width="100%"  >
        <Container >
        <Grid xs={12} md={10} lg={11} classname="dev-slider" >
          {/* <CarouselBox event={props.myevent} /> */}
          <Slider/>
        </Grid>
        </Container>
        </Box>
      </Hidden>

      {/* Sect Two */}
      <div classname="dev-divide-top">
        <Box width="85%" alignItems="flex-end">
          <Container maxWidth="lg">
            <Grid container direction="row" justifyContent="space-between">
              <Grid item={true} xs={12} md={4} lg={3} direction="column">
                <Hidden xsDown>
                  <NewestSidebar />
    
                  <PupTitles />
                  <SidebarNewTech />
                </Hidden>
              </Grid>
              <Grid item={true} xs={12} md={8} lg={9} direction="column">
                <Hidden xsDown>
                  <ShowPost />
                </Hidden>
                <Hidden xsDown>
                  <CardPosts event={props.myevent} />
                </Hidden>
              </Grid>
            </Grid>
          </Container>
        </Box>
      </div>
      <Footer />
    </div>