diff --git a/src/components/mui/SnackbarNotification/index.js b/src/components/mui/SnackbarNotification/index.js
index 44913ca7..52673ed3 100644
--- a/src/components/mui/SnackbarNotification/index.js
+++ b/src/components/mui/SnackbarNotification/index.js
@@ -42,20 +42,21 @@ const SnackbarNotification = ({
   const messageContext = useMemo(() => ({ successMessage, errorMessage }), []);
 
   const clearMessage = () => {
-    setMsgData({});
     clearSnackbarMessage();
+    setMsgData({});
   };
 
   const onClose = () => {
     setOpen(false);
-    setTimeout(clearMessage, NOTIFICATION_TIMEOUT);
+  };
+
+  const handleExited = () => {
+    clearMessage();
   };
 
   useEffect(() => {
     if (!empty(msgData.html)) {
       setOpen(true);
-    } else {
-      setOpen(false);
     }
   }, [msgData]);
 
@@ -71,6 +72,7 @@ const SnackbarNotification = ({
       <Snackbar
         open={open}
         onClose={onClose}
+        onExited={handleExited}
         anchorOrigin={{ vertical: "top", horizontal: "center" }}
         autoHideDuration={NOTIFICATION_TIMEOUT}
       >