Как правильно сделать модульное окно в React?
Вот так:

const [modalIsVisible, setModalIsVisible] = useState(false);

return (
  <>
    <button onClick={() => setModalIsVisible(true)}>Show modal</button>
    { modalIsVisible && <Modal onClose={() => setModalIsVisible(false)} /> } 
  </>
)
Делаешь ипморт окна, и создаешь стэйт булевый. В случае тру отображаешь
const [modal, setModal]= useState(false) 

Функция для показа
Const showModal = () =>{
setModal(true) 
}

Верстка 
{!showModal ?(
Верстка
) : <ТвойКомпонентМодалка/>
}