Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'?

Question

[gaming_shark]

function Posts() {
 const lastElement = useRef();
 const observe = useRef();

useEffect(() => {
    let callback = function (entries, observe) {
      console.log("Див видно");
    };
    observe.current = new IntersectionObserver(callback);
    observe.current.observe(lastElement);
  }, []);

return (
<div ref={lastElement}></div>
)

}

Почему у lastElement поле current = null?

Comments

[szQocks]

Почему у lastElement поле current = null?

- с чего такие выводы ?

[gaming_shark]

szQocks, в консоль вывожу lastElement возвращает объект с полем current: null, а должен див на который я ref повесил

[szQocks]

gaming_shark, где ты выводишь в консоль в useEffect или где ?

[szQocks]

gaming_shark, в useEffect твой lastElement.current - в данном коде !!! именно в данном коде - никогда не будет пустым, там будет твой див

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.6

Answer 1

[Aetae]

observe.current.observe(lastElement.current);

lastElement - не элемент, а реф на элемент, о чем тебе ошибка и пишет.