Fast Refresh失效：Authenticated Stack中useState引发异常

我了解很多关于Fast Refresh失效的常见问题和解决方案，但我的情况比较特殊，已经定位到引发问题的代码行，想搞清楚背后的原因。

项目依赖 #

"react": "^18",
"react-native": "0.70.3",
"@react-navigation/bottom-tabs": "^6.4.0",
"@react-navigation/elements": "^1.3.6",
"@react-navigation/native": "^6.0.13",
"@react-navigation/stack": "^6.3.2",

导航栈结构 #

应用采用三层react-navigation导航栈结构：

• Parent Stack Navigator
  • Authenticated Stack < 问题出现位置
    • Tab Navigator
      • 其他所有子栈

问题详情 #

三个导航/标签栈中都存在useState或其他状态管理逻辑，目前Fast Refresh完全失效。但只要移除Authenticated Stack中的所有useState调用，Fast Refresh就能恢复正常。

我已经删除了其他所有状态相关代码，只保留下面这一行（甚至没在文件里引用它），Fast Refresh依然失效；注释掉这行后就恢复正常：

const [isChatClientReady, setIsChatClientReady] = useState(false)

有没有人遇到过类似情况？或者有排查方向的建议？感谢！

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