O hook useCallback() recebe dois argumentos: uma função e um array de dependências. A função será recriada somente se uma das dependências mudar. Aqui está a sintaxe básica para useCallback():

const memoizedCallback = useCallback(() => {
  // Your function logic
  return value;
}, [dependency1, dependency2]);

Defina toggleItem igual a useCallback(), e passe para ele uma função anônima que recebe item como argumento. Mova a lógica da sua função toggleItem() existente para dentro da função anônima, onde setSelectedItems é chamado. Finalmente, adicione setSelectedItems como uma dependência no array de dependências. Depois disso, você terminou de otimizar! Seu app ainda deve funcionar da mesma forma, mas você verá seus logs no console apenas quando o estado query mudar ou quando a função toggleItem() for recriada.

Testes:

• Você deve definir `toggleItem` igual a chamar o hook `useCallback()`.
• Você deve passar uma função anônima que recebe `item` como argumento para `useCallback()`.
• Você deve mover a lógica da sua função `toggleItem()`, começando com a chamada para `setSelectedItems()`, para dentro da função anônima.
• Você deve adicionar `setSelectedItems` como a única dependência no array de dependências.