é o seguinte estou com um dificuldade de encontrar onde está o erro desse código, eu quero fazer um contador, porém toda vez está dizendo que o setCounter não e uma função.

'import React, {useState}from 'react';
//componente: e um bloco isolado de HTML, CSS e JS, o qual não interfere no resto da aplicação
// propriedade: informaçoes que um componete PAI passa para um componente filho.
// Estado:



//pro exemplo o app e um componente 
function App() {
  //bom aqui foi criado uma variavel counter que vai pegar o useState que vai comecar com o valor 0.
  const {counter, setCounter} = useState(0);
  function incrementCounter(){
      setCounter(counter + 1);
      }
  return(
    <>
      <h1>Contador: {counter}</h1>
      <button onClick={incrementCounter}>incrementar</button>
    </>
  )

}

export default App;'


help me please!