fix: note broadcaster bug / createPortal for modal

This commit is contained in:
2023-10-21 21:45:50 +01:00
parent c1ea68b296
commit 0e3661afc6
5 changed files with 37 additions and 39 deletions

View File

@ -1,3 +1,4 @@
import { createPortal } from "react-dom";
import "./Modal.css";
import { ReactNode, useEffect } from "react";
@ -26,7 +27,7 @@ export default function Modal(props: ModalProps) {
};
}, []);
return (
return createPortal(
<div className={`modal${props.className ? ` ${props.className}` : ""}`} onClick={props.onClose}>
<div className="modal-body" onClick={props.onClose}>
<div
@ -37,6 +38,5 @@ export default function Modal(props: ModalProps) {
{props.children}
</div>
</div>
</div>
);
</div>, document.body);
}