Hi@nerocui 👋

First of all: thank you, I really appreciate the effort here!

Can you provide a reproduction of your issue in codesandbox, so that I better understand your use-case please? 🙏

@ZeeCoder Happy new year. Hope you had a good holiday break.
I was not able to get it to work with codesandbox, but I uploaded a minimal repro to herehttps://github.com/nerocui/host-repro
It's just a express app that host two static html pages. Essentially it's just showing thatinstanceof returns false if an element is created from a different window. So in order to getinstanceof to work reliably, it needs to be called with the type from the host window.

Please let me know if this helps.

Sorry I didn't come back to you yet, I'm extremely busy with personal stuff right now but I just wanted you to know I appreciate the time you've invested here.
Seems like the issue stems from useResolvedElement's use of instanceof here:

I think one solution would be to change this:

constelement:T|null=cbElement      ?cbElement      :refOrElement      ?refOrElementinstanceofElement        ?refOrElement        :refOrElement.current      :null;

To this:

constelement:T|null=cbElement      ?cbElement      :refOrElement      ?"current"inrefOrElement        ?refOrElement.current        :refOrElement      :null;

☝️ Basically by not using instanceof at all, we circumvent the issue altogether.

Could be a minor release. 🤔

Would need an additional test case ofc to ensure there'd be no regressions.
Which is where most of the work lies tbh.

@ZeeCoder Thank you so much for looking into it! Yes getting rid of interaction with global objects would solve this issue.

I'll update the PR with the recommendation and test cases.

Alternatively, usinghasOwnProperty:

constelement=cbElement||(refOrElement        ?Object.prototype.hasOwnProperty.call(refOrElement,'current')          ?refOrElement.current          :refOrElement        :null)

@bpinto looks about right, it's a shame that TS doesn't handle it properly though:

I mean there must be a reason why this isn't working. 🤔

Sorry@ZeeCoder, I have 0 experience with TS but a google search showed me the following solution:

Type assertion since we know it's a ref and not an element/state:

const element =  cbElement ||  (refOrElement    ? Object.prototype.hasOwnProperty.call(refOrElement, 'current')      ? (refOrElement as RefObject<T>).current      : refOrElement as T    : null)

I tested ithere