diff --git a/examples/01_typescript/src/App.tsx b/examples/01_typescript/src/App.tsx index 034f649..1171f7b 100644 --- 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 index 02aab94..8533504 100644 --- 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 index b0621da..78d5618 100644 --- 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 index f5c0945..60f5357 100644 --- 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%)`;