chore: reproduction test for #53

package.json

@@ -68,6 +68,7 @@
     "@types/ws": "^7.4.7",
     "eslint": "^7.30.0",
     "husky": "^7.0.1",
+    "immer": "^10.0.2",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "react-test-renderer": "^17.0.2",

src/index.spec.ts

@@ -5,6 +5,7 @@ import { act, renderHook, } from "@testing-library/react-hooks";
 
 import { createStore as createVanilla, } from "zustand/vanilla";
 import { create, } from "zustand";
+import { immer, } from "zustand/middleware/immer";
 
 import * as Y from "yjs";
 import { WebsocketProvider, } from "y-websocket";
@@ -907,3 +908,35 @@ describe("Yjs middleware in React", () =>
     expect(result2.current.count).toBe(1); // Actual issue
   });
 });
+
+describe("Yjs middleware composed with Immer middleware", () =>
+{
+  describe("When modifying objects", () =>
+  {
+    it("Does not crash with non-extensible error on local update.", () =>
+    {
+      type Store =
+      {
+        names: string[],
+        addName: (name: string) => void
+      };
+
+      const store = createVanilla<Store>()(immer(yjs(
+        new Y.Doc(),
+        "hello",
+        (set) =>
+          ({
+            "names": [],
+            "addName": (name: string) =>
+              set((state) =>
+                state.names.push(name)),
+          })
+      )));
+
+      expect(() =>
+      {
+        store.getState().addName("Alice");
+      }).not.toThrow();
+    });
+  });
+});