Pre or Post Incrementing React state with ++ throws read only error

Question

import React, {useState} from \'react\';

function App(){
  const [counter, setCounter] = useState(0);

  const onIncrement = () => {
      setCounter(++counter)