与 NextJS 一起使用时，Material-UI 不会为组件设置样式

Question

我正在使用 NextJS、Material-UI 和 Typescript 开始一个项目，可以在 https://github.com/lucastonelli/co-learn-it 获得。

我已按照 Material-UI 指南使用存储库中显示的 Typescript 和 SSR。

问题是，即使遵循 SearchField 组件中的指南样式，也永远不会应用，并且控制台上会显示错误消息。

但是，组件上的类正在正常加载，如下面控制台图像的第一行所示。

我尝试将样式代码移至组件并更改用于设置组件样式的函数，但这些都不起作用。任何想法为什么没有加载样式？页面也正常加载JSS。

编辑

由于某种原因，添加到 SearchField 中的以下行解决了问题。

const StyledSearchField = styles(SearchField);

export { StyledSearchField as SearchField };

Answer 1

由于某种原因，添加到 SearchField 中的以下行解决了问题。

const StyledSearchField = styles(SearchField);

export { StyledSearchField as SearchField };