useMemo() recebe dois argumentos: uma função que retorna o valor que você quer memorizar e um array de dependências. O valor memorizado será recalculado apenas quando uma ou mais de suas dependências mudarem. Aqui está a sintaxe básica para useMemo():

const memoizedValue = useMemo(() => {
  // Some expensive calculation
  return value;
}, [dependency1, dependency2]);

Defina filteredItems igual a useMemo(), e passe para ele uma função anônima com chaves. Dentro das chaves, use uma instrução return para retornar explicitamente sua lógica de filtragem existente. Além disso, adicione query como a única dependência no array de dependências. Isso garante que a operação de filtragem seja executada novamente somente quando query mudar.

Testes:

• Você deve definir `filteredItems` igual a chamar o hook `useMemo()`.
• Você deve passar uma função anônima para `useMemo()` com chaves.
• Você deve usar uma declaração `return` para retornar explicitamente sua lógica de filtragem existente.
• Você deve adicionar `query` como a única dependência no array de dependências.