fix(docs): update jotai-scope v0.4.0 usage (#2206)

pmndrs · Oct 24, 2023 · 2857b42 · 2857b42 · vercel · Oct 24, 2023
1 parent 075bd5b
commit 2857b42
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/docs/integrations/scope.mdx b/docs/integrations/scope.mdx
@@ -28,8 +28,8 @@ yarn add jotai-scope
 ### Counter Example
 
 ```tsx
-import { atom } from 'jotai'
-import { ScopeProvider, useAtom } from 'jotai-scope'
+import { atom, useAtom } from 'jotai'
+import { ScopeProvider } from 'jotai-scope'
 
 const countAtom = atom(0)
 const anotherCountAtom = atom(0)
@@ -55,21 +55,23 @@ const Counter = () => {
   )
 }
 
-const App = () => (
-  <div>
-    <h1>First Provider</h1>
-    <ScopeProvider atoms={[anotherCountAtom]}>
-      <Counter />
-    </ScopeProvider>
-    <h1>Second Provider</h1>
-    <ScopeProvider atoms={[anotherCountAtom]}>
-      <Counter />
-    </ScopeProvider>
-  </div>
-)
+const App = () => {
+  return (
+    <div>
+      <h1>First Provider</h1>
+      <ScopeProvider atoms={[anotherCountAtom]}>
+        <Counter />
+      </ScopeProvider>
+      <h1>Second Provider</h1>
+      <ScopeProvider atoms={[anotherCountAtom]}>
+        <Counter />
+      </ScopeProvider>
+    </div>
+  )
+}
 ```
 
-<CodeSandbox id="nmmnrh" />
+<CodeSandbox id="rf3r4n" />
 
 ## `createIsolation`