Material UI 和 Next.js 的问题

Question

当我刷新页面时，样式材质 UI 选择组件看起来像这样：

如您所见，样式未正确应用。我在下一个 9.5.1 和材料 ui 4.11.0。奇怪的是，如果这个问题只发生在我硬刷新页面时。每当开发服务器刷新样式时，样式都会按预期工作。

选择器的代码如下：

       <FormControl className="form-control">
        <InputLabel id="demo-simple-select-label">Age</InputLabel>
        <Select value={price} variant="outlined" onChange={handleChange}>
          {PRICE.map(item => (
            <MenuItem value={item}>{'test'}</MenuItem>
          ))}
        </Select>
      </FormControl>

Answer 1

我忘了添加自定义的 _document.js 文件：/