Adicione um atributo onChange ao input para capturar o que o usuário digita. Defina como uma arrow function que recebe e como argumento. Dentro da função, atualize o estado query passando e.target.value para a função setter, que mantém o valor atual do input. Aqui está um exemplo:

<input
  onChange={(e) => setExample(e.target.value)}
/>

Testes:

• Você deve garantir que o manipulador `onChange` esteja definido.
• Seu manipulador `onChange` deve ter um parâmetro `e`.
• Seu manipulador `onChange` deve chamar `setQuery()` com `e.target.value`.