Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Failed prop type: Invalid prop `appElement` supplied to `Modal`.

See original GitHub issue

Currently, appElement is expected to be an instance of window.HTMLElement.

But, when the Modal is rendered inside an iframe, the iframe’s window.HTMLElement is a different instance causing the following warning:

Failed prop type: Invalid prop appElement supplied to Modal.

See: Codesandbox

What’s the best to workaround this?

Issue Analytics

State:
Created 2 years ago
Comments:16

Top GitHub Comments

1reaction

diasbrunocommented, May 18, 2021

Yeah…the project will need to have everything that react-modal uses to compile…I’ll upload a precompiled version in this branch.

0reactions

doouguicommented, Jul 26, 2022

any updates?

Top Results From Across the Web

Invalid prop of type `function` supplied expected a single ...

Failed prop type : Invalid prop userSignupRequest of type function supplied to SignUp , expected a single ReactElement. here is my code: import ......

failed prop type: invalid prop `rows` of type `object` supplied to ...

Failed prop type : Invalid prop children of type array supplied to ForwardRef(ListItemIcon) , expected a single ReactElement. failed Proptypes. Open side panel....

Warning: Failed prop type: Invalid prop `children` supplied to ...

Warning: Failed prop type: Invalid prop `children` supplied to `ForwardRef(Typography)`, expected a ReactNode. */<Typography key={item.id}>

react-modal documentation

Accessible modal dialog component for React.JS ... The only required prop for the modal object is isOpen , which indicates whether the modal...

Warning: Invalid prop `renderChatItem` - Sendbird Community

Only issue I see is: 'Warning' in console: Warning: Failed prop type: Invalid prop `renderChatItem` of type `function` supplied to ` ...