我一直在业余时间自学React和node.js，并且碰壁了为什么我使用material-ui的makeStyles打破了React钩子规则。
我一直在从material-ui网站复制代码，但即使这样做似乎也违反了规则。他们的代码示例与我的代码示例之间的主要区别在于，我的代码具有多个导出。下面的代码仅显示了这些功能之一-它们在功能上都非常相似。
预期的行为是，图标的颜色变为Material-UI提供的非OOTB颜色。
相反，我收到了无效的挂钩调用。挂钩只能在功能组件的主体内部调用。我相信我是在顶层而不是在条件/比较声明中进行此操作。有点迷路了！
关于我要去哪里的任何指导都将是惊人的。
谢谢！
Converting specified columns to categorical values:
['primary_type','description','location_description','domestic']