Query Selecter Ref in React возвращает пустого узла при попытке получить доступ к детям элемент ⇐ Javascript

[Anonymous]

У меня есть какой -то контент, который я динамически вводит в DOM, используя опасно установленную внутреннюю HTML. Когда я ссылаюсь на это, используя ссылку и запрошу, узлов всегда пуст, но когда я смотрю на Just Sidebarcontent.current , узлов не пуст.
Почему это происходит?
import React, { useEffect, useState } from 'react';

const PostSideBar = ({ sidebarContent }) => {
const [childNodes, setChildNodes] = useState([]);

useEffect(() => {
if (sidebarContent.current) {
const h2Elements = sidebarContent.current.querySelectorAll('h2');
setChildNodes(h2Elements);
console.log(h2Elements); // Check the h2 elements
}
}, [sidebarContent]);

return PostSideBar;
};

export default PostSideBar;


Подробнее здесь: https://stackoverflow.com/questions/795 ... ss-childre