Eyecons

import type { FC } from 'react'

import { createRoot } from 'react-dom/client'
import { useState } from 'react'

const Counter: FC = () => {
  const [count, setCount] = useState(0)

  const increment = () => {
    setCount(count + 1)
  }

  return (
    <>
      <h1>{count}</h1>
      <button onClick={increment}>
        Increment
      </button>
    </>
  )
}

const root = createRoot(
  document.getElementById('root')
)

root.render(<Counter />)