No elemento de entrada, adicione um atributo value e defina-o para a variável de estado query. Isso permitirá que o campo de entrada exiba o valor atual de query. Além disso, lembre-se de que você precisa usar chaves ({}) para incorporar expressões JavaScript como query em JSX. Então, adicione um manipulador de evento onChange ao elemento de entrada. Passe uma função anônima que recebe e como argumento, que é o objeto do evento. Dentro da função anônima, chame setQuery() e passe e.target.value. Isso atualizará a variável de estado query com o valor atual do campo de entrada sempre que o usuário digitar nele.

Testes:

• Você deve adicionar um atributo `value` ao elemento de entrada e defini-lo para a variável de estado `query`.
• O seu manipulador de evento `onChange` deve ser uma função que recebe `e` como argumento.
• O seu manipulador de evento `onChange` deve chamar `setQuery()` com `e.target.value`.