升级React 18.2至18.3 Canary版本触发无效Hook调用错误的原因？

以下是 React 18.2 到 18.3 Canary 版本间可能导致该问题的关键变化：

• Hook 调用校验逻辑收紧
  18.3 Canary 版本强化了 Hook 调用规则的校验力度。你在 18.2 中正常运行的代码，react-redux 内部的某些 Hook 调用可能在新校验逻辑下被判定违规——比如在条件分支、循环里调用 Hook，或者调用顺序存在隐性不规范，18.2 的宽松校验未触发报错，18.3 直接拦截。

• React 内部模块引用变更
  Canary 版本调整了内部模块的导出或引用路径，react-redux 依赖的某些 React 内部 API 路径发生变化，导致 react-redux 加载的 React 实例和你项目里的 React 实例不是同一个（典型的双 React 实例问题），进而触发 Hook 调用错误。这种情况哪怕你自己的 Hook 写法完全合规，也会因为上下文不一致报错。

• 并发模式下 Hook 行为更新
  React 18.3 Canary 对并发模式下的 Hook 行为做了适配性调整，而当前版本的 react-redux 还未跟上这些变更。比如状态订阅、上下文传递相关的 Hook 在并发环境下的调用逻辑不符合新规范，从而触发 Invalid Hook Call。

内容的提问来源于stack exchange，提问作者callum