Chakra UI createIcon() 抛出“无效的钩子调用”错误答案

【问题标题】：Chakra UI createIcon() throws "Invalid hook call" errorChakra UI createIcon() 抛出“无效的钩子调用”错误
【发布时间】：2021-12-14 15:03:18
【问题描述】：

在@chakra-ui/react 和@chakra-ui/icons 包的帮助下，我创建了自己的自定义React.js 图标 包。但是，当我从自定义包中导入图标时，create-react-app 会抛出 Invalid hook call。

代码如下：

我的自定义包：

export const Down = createIcon({ d: "M21 7l-9 10L3 7", displayName: "hey" });

我导入的另一个项目：

import { Down } from "@hashtag-design-system/icons";

...

return (
    <Down />
)

感谢您的帮助！

【问题讨论】：

我见过很多与导入自己的包类似的事情，我自己用图标包根目录下的npm link <project dir> 修复了这个问题，但这并不理想
哦，是的。我最终修复了它，但我可能应该发布答案

标签： reactjs react-hooks icons chakra-ui

【解决方案1】：

我必须通过@chakra-ui/react 和@chakra-ui/icons，作为peerDependencies 在package.json 文件中，以适应这个。我还使用了 Rollup.js，它没有包含额外的代码，但是将包添加为 peerDependencies，似乎可以解决问题

【讨论】：