title: How can I get the height of the wrapper after rendering the child?
body: <p>I have a component Grid, and I need to get his height after render his children.
  children are 100 images and their rendering speed is much lower than the Grid rendering speed.</p>
  
  <pre><code>import React, { FC, useEffect, useRef } from 'react'
  
  import { TProps } from '.'
  import { Grid, Wrap } from './contentStyle'
  
  export const ContentComponent: FC&lt;TProps&gt; = ({
      children,
  }) =&gt; {
  
      const grid = useRef&lt;HTMLDivElement&gt;(null)
  
      useEffect(() =&gt; {
          isPageBottom &amp;&amp; getNextVideosPreviewAction({ pageNumber, video })
          grid &amp;&amp; grid.current &amp;&amp; console.log('​height', height &amp;&amp; height.current.clientHeight)
  
  
      })
  
      return (
          &lt;Wrap&gt;
              &lt;Grid ref={grid}&gt;
                  {children}
              &lt;/Grid&gt;
          &lt;/Wrap&gt;
      )
  }
  </code></pre>
  
  <p>In console log - 66, but in real - 3006</p>