No React, <dfn>controlled inputs</dfn> são uma forma padrão de lidar com dados de formulário, onde o valor do input é sincronizado com o estado do componente.

const MyForm = () => {
  const [name, setName] = useState("");

  return (
    <>
      <label htmlFor="name">Your name</label>
      <input type="text" value={name} id="name" />
    </>
  );
}

Você aprenderá mais sobre esse padrão em uma lição futura. Para rastrear o que o usuário digita no campo de entrada de busca, crie uma variável de estado chamada query com um valor inicial de uma string vazia (''). Defina também sua função setter correspondente, setQuery, usando o Hook useState.

Testes:

• Você deve usar a sintaxe de desestruturação de array para as variáveis `query` e `setQuery`.
• Você deve usar o Hook `useState`.
• Seu Hook `useState` deve ter um valor inicial de uma string vazia (`''`).