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.

Warning: react-modal: App element is not defined.

See original GitHub issue

Showing this warning after update reactjs

Warning: react-modal: App element is not defined. Please use Modal.setAppElement(el)or setappElement={el}. This is needed so screen reades don't see main content when modal is opened. It is not recommended, but you can opt-out by setting ariaHideApp={false}.

check same in react-modal for how to remove this warning https://github.com/reactjs/react-modal/issues/576

How to solve same here ?

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

fritz-ccommented, Dec 17, 2017

Should be fixed now as of v4.4.0

1reaction

nicubarbaroscommented, Dec 14, 2017

Same issue.

FIX. React modal changed their api a little bit. https://github.com/reactjs/react-modal/issues/576 check in the comments for fix.

Top Results From Across the Web

"Warning: react-modal: App element is not defined. Please ...

Everything works fine, but when the Modal is opened, the following Warning appears in my console: index.js:2177 Warning: react-modal: App ...

Warning: react-modal: App element is not defined. #576 - GitHub

I upgraded my yarn version and re-ran yarn install. And now I am getting this warning. It's strange, because nothing in my code...

[Resolved] Warning: react-modal: App element is not defined ...

When using the react-modal package component, we see a Warning message in the console saying: Warning: react-modal: App element is not ...

Warning: react-modal: App element is not defined. Please use ...

Coding example for the question "Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`"-Reactjs.

Accessibility - react-modal documentation

The app element. It is important for users of screenreaders that other page content be hidden (via the aria-hidden attribute) while the modal...