[React]refのchildrenから特定のclassNameを持つElementを取得する

ライブラリのDOM触るときとかに使うのでメモ

import React from 'react'

export default function Foo() {
  const ref = React.useRef<HTMLDivElement>(null)

  React.useEffect(() => {
      const element = Array.from(ref.current?.children || []).find(
        (item) => item.className === 'some-class-name'
      )
      ...
  }, [ref])
  
  return (
    <div ref={ref}>
      /*~*/
    <div/>
  )
}