添加React Compiler后出现useMemoCache相关空值读取错误求助

问题特征 #

• 错误堆栈追踪无有效定位信息，无法直接关联业务代码
• 仅在React服务端渲染（SSR）场景下触发
• 会影响用户体验，刷新页面可临时恢复，但新版本部署后错误频率明显上升
• 业务代码未直接调用useMemoCache函数，该函数属于React Compiler运行时（react-compiler-runtime.development.js）
• 部分错误可通过babel-plugin-react-compiler的sources规则排除特定文件缓解，但多数错误无明确触发源
• 该问题与React官方仓库的Issue #29755相关，该Issue讨论了React Compiler在SSR环境下，运行时缓存未正确初始化导致的类似读取null属性的错误

解决方案建议 #

1. 升级依赖到最新稳定版
   React团队后续发布的React Compiler及相关依赖版本，可能已修复该SSR场景下的缓存初始化问题，优先尝试升级react-compiler、babel-plugin-react-compiler及对应React核心依赖。

2. 调整Babel配置

   • 逐步排查并通过babel-plugin-react-compiler的sources规则，排除可能触发问题的组件文件，重点排查近期修改的、参与SSR渲染的核心组件
   • 临时在SSR环境下禁用React Compiler：通过Babel配置的exclude规则，让编译插件仅作用于客户端代码，避免SSR过程中触发运行时错误

3. 降级React Compiler版本
   如果升级到最新版未解决问题，可尝试回退到之前未出现该错误的React Compiler版本，待官方修复后再重新升级。

4. 关注官方修复进展
   留意对应官方Issue的更新，等待官方发布正式修复方案后及时跟进。

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