Ref value not shown on screen

Clicking the button never updates the number on screen. Why?

function Clicks() {
  const clicks = useRef(0)
  return (
    <button onClick={() => { clicks.current += 1 }}>
      Clicked {clicks.current} times
    </button>
  )
}