useSnapshot from valtio/react

valtiojs · Mar 23, 2024 · fa0f3aa · fa0f3aa
1 parent 1335183
commit fa0f3aa
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/examples/01_typescript/src/App.tsx b/examples/01_typescript/src/App.tsx
@@ -1,7 +1,7 @@
 /** @jsxImportSource valtio-signal */
 
 import { proxy } from 'valtio/vanilla';
-import { useSnapshot } from 'valtio';
+import { useSnapshot } from 'valtio/react';
 import { $ } from 'valtio-signal';
 
 const state = proxy({ count: 0, text: 'hello' });

diff --git a/examples/02_props/src/App.tsx b/examples/02_props/src/App.tsx
@@ -1,7 +1,7 @@
 /** @jsxImportSource valtio-signal */
 
 import { proxy } from 'valtio/vanilla';
-import { useSnapshot } from 'valtio';
+import { useSnapshot } from 'valtio/react';
 import { $ } from 'valtio-signal';
 
 const state = proxy({ count: 0 });

diff --git a/examples/03_async/src/App.tsx b/examples/03_async/src/App.tsx
@@ -3,7 +3,7 @@
 
 import { Suspense } from 'react';
 import { proxy } from 'valtio/vanilla';
-import { useSnapshot } from 'valtio';
+import { useSnapshot } from 'valtio/react';
 import { $ } from 'valtio-signal';
 
 const fetchUser = async (id: number) => {

diff --git a/examples/04_todos/src/App.tsx b/examples/04_todos/src/App.tsx
@@ -3,8 +3,8 @@
 import { memo } from 'react';
 import type { FormEvent } from 'react';
 import { proxy } from 'valtio/vanilla';
+import { useSnapshot } from 'valtio/react';
 import { derive } from 'derive-valtio';
-import { useSnapshot } from 'valtio';
 import { $ } from 'valtio-signal';
 
 const createRandomColor = () => `hsl(${Math.random() * 360}deg,100%,50%)`;