Quando dois componentes precisam compartilhar o mesmo state, você move ("lift") esse state para seu ancestral comum mais próximo e o passa para baixo via props, para que haja uma única fonte da verdade.
jsx
() {
[query, setQuery] = ();
(
);
}
