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 будет пустым. Еще можно попробовать грузить картинки батчами