const App = () => {
  const [count, setCount] = React.useState(0)
  const [countEffect, setCountEffect] = React.useState(0)
  
  React.useEffect(() => {
    setCountEffect((currentCount) => currentCount+1)
  },[count])
  
  return(
    <>
      <p>count(useState): {count}</p>
      <p>count(useEffect): {countEffect}</p>
      <button onClick={() => setCount((currentCount) => currentCount+1)}>Add</button>
      <button onClick={() => setCount(() => 0)}>RESET</button>
    </>
  )
  
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
)