Need to check whether element is instance of Element or not?

[liboshi]

resize-observer/src/index.tsx

Line 71 in 73473bd

if (!this.resizeObserver && element) {

Currently, error occurred when element is not an instance of Element:

'observe' on 'ResizeObserver': parameter 1 is not of type 'Element'.

[liboshi]

@zombieJ How about this issue? Anyone can help?

[zombieJ]

@liboshi , could you provide a reproduce?

[tomaszcoding]

Hi, I have the same problem. ResizeObserver throws that error also when it gets a Proxy object.
Even though it proxies an object of type Element.
Table component from @ant-design/pro-layout is a good example: https://stackblitz.com/edit/rc-resize-observer-bug?file=src%2FApp.js

[tomaszcoding]

Oh, it's actually a problem of resize-observer-polyfill, not the resize-observer itself: que-etc/resize-observer-polyfill#95
To solve it, simply put a div directly inside the ResizeObserver and place the rest inside the div.