React报错：Rendered fewer hooks than expected 问题排查求助

大家好，我最近在写React项目的时候遇到了一个头疼的报错，折腾了好一阵还没搞定，来这儿求助各位大佬！

先把控制台的报错信息贴出来：

Uncaught runtime errors:

ERROR
Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:28072:15)
    at updateFunctionComponent (http://localhost:3000/static/js/bundle.js:31574:24)
    at beginWork (http://localhost:3000/static/js/bundle.js:33293:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:18263:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:18307:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:18364:35)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:38262:11)
    at performUnitOfWork (http://localhost:3000/static/js/bundle.js:37510:16)
    at workLoopSync (http://localhost:3000/static/js/bundle.js:37433:9)
    at renderRootSync (http://localhost:3000/static/js/bundle.js:37406:11

我自己查了一些资料，知道这个报错一般是因为在条件判断、循环或者提前return的语句里面调用React Hooks导致的——毕竟React要求hooks必须在组件的最顶层调用，不能被条件分支包裹。

但我把自己的代码翻来覆去检查了好几遍，感觉所有的hooks都是在组件最外层写的啊，没放在if或者循环里面，也没有在return之前调用hooks的情况...

有没有大佬能给我一些其他的排查方向？或者有没有什么容易被忽略的细节我可能没注意到？麻烦各位指点一下了！

备注：内容来源于stack exchange，提问作者user1960836