Как получить референции в React.js?
 

Всем привет. Ребята, подскажите, пожалуйста, как мне получить ссылки на ноды (референции) содержимого TabPanel в компоненте Tabs, при его инициализации?
https://codepen.io/darktowerk56c/pen/NWqbXmK
Я пробовал сделать вот такое решение, но что-то не так:

const Tabs = ({children}) => {

  const node = useRef(null)

  useEffect(() => {
    console.log('useEffect()')
    console.log('node', node)
  }, [])

  return (
    <div className="tabs">
      {
        React.Children.map(children, (child, idx) => {
          console.log('child', child)
          const cloneElement = React.cloneElement(child, {
            ref: {node}
          })
          return cloneElement
        })
      }
    </div>
  );
};