useComboBox throws an error when custom popover is used

[orest22]

Provide a general summary of the issue here

I am trying to use useCombobox with custom Popover and it throws an error when running this ariaHideOutside. The Popover ref becomes available later, so it make sense to validate if all refs are available.

When enabling strict mode in TS it definitely hints that ariaHideOutside wants all elements to be available

🤔 Expected Behavior?

useCombobox don't throw an error and runs ariaHideOutside once refs become available.

😯 Current Behavior

It throws an error:

💁 Possible Solution

Validate if refs together with the state.open.

🔦 Context

No response

🖥️ Steps to Reproduce

https://codesandbox.io/s/aria-mui-popover-forked-cyh3xq?file=/src/MuiAutocomplete.tsx

Version

latest

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[snowystinger]

Possibly fixed in #6761 will check after merge