Fix optional react-dom loading in mobx-react-lite

Author: cyphercodes

packages/mobx-react-lite/__tests__/optionalReactDom.test.ts

@@ -0,0 +1,15 @@
+afterEach(() => {
+    jest.dontMock("react-dom")
+    jest.resetModules()
+})
+
+test("does not fail to load when react-dom is unavailable", () => {
+    jest.resetModules()
+    jest.doMock("react-dom", () => {
+        throw Object.assign(new Error("Cannot find module 'react-dom'"), {
+            code: "MODULE_NOT_FOUND"
+        })
+    })
+
+    expect(() => require("../src/index.ts")).not.toThrow()
+})

packages/mobx-react-lite/src/utils/reactBatchedUpdates.ts

@@ -1 +1,19 @@
-export { unstable_batchedUpdates } from "react-dom"
+import { defaultNoopBatch } from "./observerBatching"
+
+declare const require:
+    | ((moduleName: string) => { unstable_batchedUpdates?: typeof defaultNoopBatch })
+    | undefined
+
+export let unstable_batchedUpdates = defaultNoopBatch
+
+if (typeof require === "function") {
+    try {
+        const reactDom = require("react-dom")
+        if (reactDom.unstable_batchedUpdates) {
+            unstable_batchedUpdates = reactDom.unstable_batchedUpdates
+        }
+    } catch {
+        // react-dom is optional. React 18+ batches updates automatically, so fall back to no-op
+        // batching when react-dom isn't available (for example in React Native or server-only installs).
+    }
+}