| 1 | import { useEffect, useState } from "octane"; |
| 2 | |
| 3 | export function App() { |
| 4 | const [count, setCount] = useState(0); |
| 5 | const [hydrated, setHydrated] = useState(false); |
| 6 | useEffect(() => { |
| 7 | setHydrated(true); |
| 8 | }, []); |
| 9 | return ( |
| 10 | <main> |
| 11 | <h1 data-testid="page-marker">OCTANE_PAGE_MARKER</h1> |
| 12 | <button |
| 13 | id="increment" |
| 14 | data-hydrated={hydrated ? "true" : "false"} |
| 15 | onClick={() => setCount(count + 1)} |
| 16 | > |
| 17 | increment |
| 18 | </button> |
| 19 | <p id="count">count:{count}</p> |
| 20 | </main> |
| 21 | ); |
| 22 | } |