react + mobx：我的 2 台機器中的 1 台出現“無效的鈎子調用”

Question

我一直在關注這個 Mobx 教程：

• 教程： https://blog.logrocket.com/introduction-to-mobx-with-react/
• 代碼： https://github.com/limistah/mobx-react

該代碼在我的 2 台機器中的 1 台上運行良好。 在另一台機器上，當我運行“npm start”時收到一條錯誤消息：

    Warning: Invalid hook call. Hooks can only be called inside of the body of a function component.

    Uncaught TypeError: Cannot read properties of null (reading 'useState')
    at Object.useState (react.development.js:1622:1)
    at useObserver (useObserver.ts:29:1)
    at observerComponent (observer.ts:104:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at updateFunctionComponent (react-dom.development.js:19588:1)
    at updateSimpleMemoComponent (react-dom.development.js:19425:1)
    at updateMemoComponent (react-dom.development.js:19284:1)
    at beginWork (react-dom.development.js:21673:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)

知道為什么會這樣嗎？ 這些機器具有幾乎相同的設置...

• npm 8.13.2（不適用於這個）
• npm 8.11.0（適用於本機）

兩台機器的以下版本相同：

• 反應 18.2.0
• mobx 反應 7.5.2
• mobx-react-lite 3.4

只要我不使用observer包裝函數，錯誤就會消失。

Answer 1

卸載並重新安裝 mobx 后不知何故一切正常

npm uninstall mobx-react
npm install mobx-react --save
npm audit fix