How to get references in React.js?

Question

React

Hello. Guys, tell me, please, how can I get links to the nodes (references) of the contents of the TabPanel in the Tab component, when it is initialized?
https://codepen.io/darktowerk56c/pen/NWqbXmK
I tried to do this solution, but it is obviously not correct:

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>
  );
};