diff --git a/changes/17624-modal-flash-message-error b/changes/17624-modal-flash-message-error new file mode 100644 index 000000000000..52167d895b33 --- /dev/null +++ b/changes/17624-modal-flash-message-error @@ -0,0 +1 @@ +* Fix flash message from closing when a modal closes \ No newline at end of file diff --git a/frontend/components/Modal/Modal.tsx b/frontend/components/Modal/Modal.tsx index 280f66e49198..8d96a3781815 100644 --- a/frontend/components/Modal/Modal.tsx +++ b/frontend/components/Modal/Modal.tsx @@ -1,6 +1,5 @@ -import React, { useContext, useEffect } from "react"; +import React, { useEffect } from "react"; import classnames from "classnames"; -import { NotificationContext } from "context/notification"; import Button from "components/buttons/Button/Button"; import Icon from "components/Icon/Icon"; @@ -32,8 +31,6 @@ const Modal = ({ isLoading = false, className, }: IModalProps): JSX.Element => { - const { hideFlash } = useContext(NotificationContext); - useEffect(() => { const closeWithEscapeKey = (e: KeyboardEvent) => { if (e.key === "Escape") { @@ -41,7 +38,6 @@ const Modal = ({ } }; - hideFlash(); document.addEventListener("keydown", closeWithEscapeKey); return () => {