Issue when using custom component as ref

[DennisOng]

Use Version Use version when bugs appear:

• Headless UI: v1.7.0
• Headless UI Float: v0.9.1
• Framework: vue v3.2.31
• Browser: chrome

Describe the bug FloatingUI is not working when a custom component is used as ref, eg:

// Not working
        <PopoverButton as="template">
            <BaseButton>Button </BaseButton>
        </PopoverButton>

// Works
        <PopoverButton as="template">
             <button>Button</button>
        </PopoverButton>

To Reproduce Please provide a minimal working example (like github repo, codesandbox, stackblitz...), and steps to reproduce the behavior:

1. Go to 'this StackBlitz'
2. Click on the first button. It works well
3. Click on the second button.
4. See console error. Also floating UI is not positioning correctly

   TypeError: element.getBoundingClientRect is not a function
   at getBoundingClientRect (floating-ui.dom.esm.js:102:30)

Screenshots

Expected behavior Button 2 should work exactly as button 1

PS: Nice work on this lib! Have spent way too much time trying to roll my own, switching over currently. Thanks for the work.

[ycs77]

Fixed in v0.10.0

[DennisOng]

Thanks again for your work! Just tested with the latest release - the issue has been resolved