A simple component after hooks

SimpleComponent.js

import React, { Fragment, useState } from 'react'

export default function SimpleComponent(){

  const [counter, setCounter] = useState(0)
  
  function handleOnClick(e){
    e.preventDefault()
    setCounter(counter + 1)
  }
  
  return (
    <Fragment>
      <h1>Counter: {counter} </h1>
      <button onClick={handleOnClick}> Click me! </button>
    </Fragment>
  )
}