title: Observed this Error: Material-UI: The `anchorEl` prop provided to the component is invalid
body: <p>Observed the error when tried to open a popper in grid table. Error Details</p>
  <p>Material-UI: The <code>anchorEl</code> prop provided to the component is invalid.
  The anchor element should be part of the document layout.
  Make sure the element is present in the document or that it's not display none.</p>
  <p>below is sample code I am using in grid table:</p>
  <pre><code>&lt;&gt;
      &lt;MoreVertIcon
      ref={anchorRef}
      aria-controls={open ? 'menu-list-grow' : undefined}
      aria-haspopup=&quot;true&quot;
   // key={uuidv4()}
      onClick={handleToggle}
      style={{ color: theme.palette.primary.main }}
      /&gt;
      &lt;Popper open={open} anchorEl={anchorRef.current} role={undefined} transition disablePortal&gt;
          hello world
      &lt;/Popper&gt;
  &lt;/&gt;
  </code></pre>
  <p>found a <a href="https://stackoverflow.com/questions/58493175/cant-get-popover-to-display-in-correct-position-in-dialog">reference</a> but not sure where I am breaking this norm. Any help is appreciated.</p>