React useRef in map

react-mapping-ref.js

const MyComponent = ({ items }) => {
  const $items = useRef(items.map(createRef))

  useEffect(() => {
    console.log($items.current[0].current)
  }, [])

  return (
    {items.map((item, index) => (
      <div
        key={index.toString()}
        ref={$items.current[index]}
      >
        {item.name}
      </div>
    ))} 
  )
}