event.dataTransfer.files
Дело не в useCallback, его тут тоже можно использовать.
там компонент нужно обернуть дополнительно в React.memo
The useRef() Hook isn’t just for DOM refs. The “ref” object is a generic container whose current property is mutable and can hold any value, similar to an instance property on a class.
const answEffect = useRef([])
const availableEffects = useRef( Object.values(allEffects).filter(all => !answEffect.current.includes(all.animalName)) )
Просто если так и сделать, то availableEffects будет пустым.