instanceOf(Element) doesn't work in iframe

[oliviertassinari]

@merceyz I have noticed a warning with this demo https://material-ui.com/components/drawers/#responsive-drawer which lead my track down to:

typescript-to-proptypes/src/parser.ts

Lines 355 to 358 in adfcca4

	case 'Element': {
	// Nextjs: Element isn't defined on the server
	return t.instanceOfNode("typeof Element === 'undefined' ? Object : Element");
	}

instanceOf(Element) doesn't work with different documents, e.g. iframe: facebook/prop-types#240 (comment).

We were able to work around the problem in the Popper component with: https://github.com/mui-org/material-ui/blob/c1c66903b8cc3941d0e110f13f49122effdc0e47/packages/material-ui/src/Popper/Popper.js#L238.

Any idea on how we could best solve this problem?

[FezVrasta]

This is how we address the iframe problem in Popper 2 if it can be useful to you.

https://github.com/popperjs/popper-core/blob/master/src/dom-utils/instanceOf.js

[merceyz]

@oliviertassinari Thanks for the report, seems the only way to handle this is using a custom validator. I'll look into solving this when I have some more time.

[oliviertassinari]

@merceyz Thanks, I suspect that a generic and loose validator could be a great tradeoff. It's what the Portal component used to have.
A more comprehensive solution might depends on #1.