Videosdk.live React Native示例代码报Invalid hook call错误如何解决

根据报错提示的三类原因，按以下优先级排查修复：

1. 优先排查多React副本冲突（VideoSDK示例项目最常见诱因） #

你下载的示例仓库默认自带的依赖可能和你本地项目的React版本重复，导致存在多份React实例：

• 先删除项目根目录下的node_modules文件夹、package-lock.json或yarn.lock文件
• 在package.json中添加配置强制统一React版本：
  如果你用yarn：

  "resolutions": {
    "react": "你的项目当前使用的React版本号",
    "react-native": "你的项目当前使用的React Native版本号"
  }
  

  如果你用npm v8+：

  "overrides": {
    "react": "你的项目当前使用的React版本号",
    "react-native": "你的项目当前使用的React Native版本号"
  }
  

• 重新执行依赖安装命令，之后清缓存启动项目：npm start -- --reset-cache

2. 检查Hook调用规则是否合规 #

• 确保写这段返回逻辑的组件本身是函数组件，而非类组件
• 所有VideoSDK提供的Hook（比如useMeeting、useParticipant等）只能在<MeetingProvider>包裹的内部子组件中调用，不能在App.js当前层级、MeetingProvider外部调用
• 所有Hook调用必须放在组件顶层，不能放在条件判断、循环、普通函数、useEffect回调内部调用
• 你可以先将<MeetingContainer setToken={setToken} />替换为纯文本组件<Text>测试加载</Text>验证，如果替换后不再报错，说明问题出在MeetingContainer组件内部的Hook调用违规

3. 检查版本匹配问题 #

• 确认你安装的@videosdk.live/react-native-sdk版本和你当前的React/React Native版本兼容，如果你的React版本低于SDK要求的最低版本，要么升级React版本，要么安装匹配你当前环境的SDK旧稳定版
• 可重新安装最新稳定版SDK验证：npm install @videosdk.live/react-native-sdk@latest

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