是什么导致 JSS 错误“<Hook /> 的样式函数不依赖于 "theme" 参数”？

Question

不幸的是，当我运行我的 Jest 测试时，没有关于此错误的有用详细信息：

Warning: [JSS] <Hook />'s styles function doesn't rely on the "theme" argument. We recommend declaring styles as an object instead.

有谁知道如何定位问题并解决问题？

Answer 1

对于遇到相同问题的任何人，我发现了一个有用的 eslint 插件，它打印出错误的确切位置：https://www.npmjs.com/package/eslint-plugin-react-jss

错误本身是由于在 createUseStyles 函数中定义了一个函数而不是在只需要静态信息的情况下简单地使用对象引起的。

错误：

createUseStyles((...) => ({
    Foo: {
        color: 'red',
        ...
    },
}));

工作：

createUseStyles({
    Foo: {
        color: 'red',
        ...
    },
});

What causes the JSS error "<Hook />'s styles function doesn't rely on the "theme" argument"?