wip: valtio v2

package.json

@@ -76,16 +76,16 @@
     "jotai": "^2.8.1",
     "jotai-valtio": "link:.",
     "prettier": "^3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
     "ts-expect": "^1.3.0",
     "typescript": "^5.4.5",
-    "valtio": "^1.13.2",
+    "valtio": "2.0.0-rc.0",
     "vite": "^5.2.11",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
     "jotai": ">=2.0.0",
-    "valtio": ">=1.0.0"
+    "valtio": ">=2.0.0"
   }
 }

src/atomWithProxy.ts

@@ -36,13 +36,6 @@ type Options = {
   sync?: boolean;
 };
 
-// Currently atomWithProxy does not support overwriting Promise() with a primitive
-// due to the requirement of valtio types to always be symmetric.
-// Consequently, this would not work:
-// setStatusState({ ...state, status: 'newStatus' })
-// To overwrite a value that came from a promise you must do it via an immediately
-// resolving promise:
-// setStatusState({ ...state, status: Promise.resolve('newStatus') })
 export function atomWithProxy<Value extends object>(
   proxyObject: Value,
   options?: Options,

src/mutableAtom.ts

@@ -1,5 +1,6 @@
 import { atom } from 'jotai/vanilla';
 import { proxy, snapshot, subscribe } from 'valtio/vanilla';
+import { deepClone } from 'valtio/vanilla/utils';
 
 type Wrapped<T> = { value: T };
 
@@ -65,7 +66,7 @@ export function mutableAtom<Value>(
    * create the proxy state and subscribe to it
    */
   function createProxyState(getStore: () => Store<Value>) {
-    const proxyState = proxyFn({ value: initialValue });
+    const proxyState = proxyFn({ value: deepClone(initialValue) });
     // We never unsubscribe, but it's garbage collectable.
     subscribe(proxyState, onChange(getStore), true);
     return proxyState;

tests/atomWithProxy.spec.tsx

@@ -1,4 +1,4 @@
-/// <reference types="react/experimental" />
+/// <reference types="react/canary" />
 
 import { afterEach, expect, test } from 'vitest';
 import { StrictMode, Suspense } from 'react';