“Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`”

Question

How to fix this warning in console of a React app using the react-modal package:

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

Answer 1

you need to add # before your root element id.

import React from 'react';
import Modal from 'react-modal';


Modal.setAppElement('#root');

const OptionModal = (props) => (
  
    
Selected Option
    {props.selectedOption && 
{props.selectedOption}
}
    Close
  
);

export default OptionModal;

here is the reference: http://reactcommunity.org/react-modal/accessibility/