fix(usemodel): only when constructor.name == 'Object' can data be merged

Author: ArrayZoneYour

__test__/lane/lane.spec.ts

@@ -125,6 +125,46 @@ describe('lane model', () => {
     })
   })
 
+  test('array value is protected', async () => {
+    const { useStore } = createStore(() => {
+      const [list, setList] = useModel(<Array<number>>[])
+      return { list, setList }
+    })
+
+    let renderTimes = 0
+    const { result, rerender } = renderHook(() => {
+      const { list, setList } = useStore()
+      renderTimes += 1
+      return { renderTimes, list, setList }
+    })
+    act(() => {
+      expect(renderTimes).toEqual(1)
+      expect(result.current.list.constructor.name).toBe('Array')
+    })
+
+    act(() => {
+      result.current.setList([1, 2])
+    })
+
+    act(() => {
+      expect(renderTimes).toEqual(2)
+      expect(result.current.list.constructor.name).toBe('Array')
+      expect(result.current.list[0]).toBe(1)
+      expect(result.current.list[1]).toBe(2)
+    })
+
+    act(() => {
+      rerender()
+    })
+
+    act(() => {
+      expect(renderTimes).toEqual(3)
+      expect(result.current.list.constructor.name).toBe('Array')
+      expect(result.current.list[0]).toBe(1)
+      expect(result.current.list[1]).toBe(2)
+    })
+  })
+
   test('multiple models', async () => {
     const { useStore } = createStore(() => {
       const [count, setCount] = useModel(1)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-model",
-  "version": "4.1.1-alpha.0",
+  "version": "4.1.2-rc.0",
   "description": "The State management library for React",
   "main": "./dist/react-model.js",
   "module": "./dist/react-model.esm.js",

src/index.tsx

@@ -48,8 +48,10 @@ function useModel<S>(
       )
     } else {
       if (
-        typeof Global.mutableState[storeId][index] === 'object' &&
-        typeof state === 'object'
+        Global.mutableState[storeId][index] &&
+        state &&
+        Global.mutableState[storeId][index].constructor.name === 'Object' &&
+        state.constructor.name === 'Object'
       ) {
         Global.mutableState[storeId][index] = {
           ...Global.mutableState[storeId][index],