// modal file s an example
import React from 'react';
import ReactDOM from 'react-dom';
// create modal and use a portal to mount it in a specific DOM point
const Modal = (props) => {
return (
<React.Fragment>
{ReactDOM.createPortal(
<div>This is the modal</div>,
document.getElementById('modal-root'),
)}
</React.Fragment>
)
}
export default Modal;
// public html doc to define where the is the portal's destination
// in this case "modal-root"
<body>
<div id="root"></div>
<div id="modal-root"></div>
</body>