summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/components/AdminsReact.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-nanostores/src/components/AdminsReact.jsx')
-rw-r--r--examples/with-nanostores/src/components/AdminsReact.jsx9
1 files changed, 5 insertions, 4 deletions
diff --git a/examples/with-nanostores/src/components/AdminsReact.jsx b/examples/with-nanostores/src/components/AdminsReact.jsx
index 670ea1b1d..5168c6b45 100644
--- a/examples/with-nanostores/src/components/AdminsReact.jsx
+++ b/examples/with-nanostores/src/components/AdminsReact.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
import { useStore } from '@nanostores/react';
import { admins } from '../store/admins.js';
@@ -7,17 +7,18 @@ import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
const AdminsReact = () => {
const list = useStore(admins);
const count = useStore(counter);
+
return (
<>
<h1>React</h1>
<ul>
- {list.map((user) => (
- <li key={user.name}>{JSON.stringify(user, null, 2)}</li>
+ {list.map((admin) => (
+ <li key={admin.id}>{JSON.stringify(admin, null, 2)}</li>
))}
</ul>
<div>
<h3>Counter</h3>
- <p>{count}</p>
+ <p>{count.value}</p>
<button onClick={decreaseCounter}>-1</button>
<button onClick={increaseCounter}>+1</button>
</div>