Por que o React Hook useState usa const e não permite

A maneira padrão de usar um gancho React useState é a seguinte:

const [count, setCount] = useState(0);

No entanto, essa const countvariável será claramente atribuída a um valor primitivo diferente.

Por que então a variável não é definida como let count?

claramente será reatribuído para um valor primitivo diferente

Na verdade não. Quando o componente é renderizado novamente, a função é executada novamente, criando um novo escopo, criando uma nova countvariável, que nada tem a ver com a variável anterior.

Exemplo:

let _state;
let _initialized = false;
function useState(initialValue) {
  if (!_initialized) {
    _state = initialValue;
    _initialized = true;
  }
  return [_state, v => _state = v];
}

function Component() {
  const [count, setCount] = useState(0);

  console.log(count);
  setCount(count + 1);
}

Component();
Component(); // in reality `setCount` somehow triggers a rerender, calling Component again
Component(); // another rerender

Nota: Os ganchos são muito mais sofisticados e não são realmente implementados assim. Isso é apenas para demonstrar um comportamento semelhante.

const é uma proteção contra a reatribuição do valor da referência dentro do mesmo escopo.

Do MDN

Isso não significa que o valor que ele possui seja imutável, apenas que o identificador da variável não pode ser reatribuído.

Além disso

Uma constante não pode compartilhar seu nome com uma função ou variável no mesmo escopo.

Após chamar setCount, o componente é renderizado novamente e a nova chamada de useState retorna o novo valor. O ponto é que a contagem é imutável. Portanto, não há erro de digitação aqui.

Tecnicamente, é uma nova variável a cada renderização.

Fonte: React Github issue: Docs - Hooks: isso é um erro de digitação?

aqui eu achei que const era frustrante, já que a contagem precisa mudar, então

  let [count, setCount] = useState(0)
  // simply can't use ++ on either side of count increment given we declare as const [count, setCount] 
  // instead declaration of var or let [count, setCount] allows simpler code
  const increment = () => {
    setCount(count++); //const cannot do this only let or var
  };