cloudflare__vinext/examples/nextra-docs-template/components/counters.tsx

"use client";

import { useState } from "react";
import styles from "./counters.module.css";

function MyButton() {
  const [count, setCount] = useState(0);

  function handleClick() {
    setCount(count + 1);
  }

  return (
    <div>
      <button onClick={handleClick} className={styles.counter}>
        Clicked {count} times
      </button>
    </div>
  );
}

export default function Counters() {
  return <MyButton />;
}