position prop is not passed sometimes to the render component

[morewings]

I have this code (example is simplified) in my project. After update to 6.0.3, I started to have warnings that position prop is undefined from inside PopoverContent.

<Popover
      align="start"
      isOpen={isVisible}
      position={['bottom', 'top']}
      content={({position}) => (
        <PopoverContent position={position} />
      )}>
      ...
    </Popover>

[JohannesKaufmann]

It seems to happen when resizing the window.

Then position, popoverRect.top, popoverRect.left are undefined. And popoverRect.right and popoverRect.bottom are NaN.

---

Before resize:

bottom 
DOMRect { x: 980, y: 0, width: 354, height: 76, top: 0, right: 1334, bottom: 76, left: 980 }
Object { top: 76, left: 996, width: 322, height: 272, right: 1318, bottom: 348 }

After resize:

undefined 
DOMRect { x: 980, y: 0, width: 354, height: 76, top: 0, right: 1334, bottom: 76, left: 980 }
Object { top: undefined, left: undefined, width: 322, height: 271, right: NaN, bottom: NaN }

---

great library btw 🙏🎉🤩

Some things could still be improved (like scrolling the popover content when it doesn't fit on the screen). But the library offers enough control to the developers to implement it themself 👍