В случае, если тебе необходимо вывести на экран картинку из директории проекта (локальную картинку), ты можешь сделать следующее: <img src={require('./img_path/img.png')}>
Проблема в том что коллбэк в useEffect выполняется при маунте (внедрении) элемента в DOM.
В гугле есть много информации о том как показывать/скрывать элементы при скролле.