diff --git a/src/components/App.js b/src/components/App.js
index 7f6ca2f..19c1d81 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -10,16 +10,18 @@ import Login from "../pages/login";
 
 // context
 import { useUserState } from "../context/UserContext";
+import { useToast } from "../context/ToastContext";
 import { useTranslation } from "react-i18next";
 
 export default function App() {
   var { authenticated, messageCode } = useUserState();
   const { t } = useTranslation();
+  const { notify } = useToast();
 
   useEffect(() => {
     if (!messageCode) return;
-    alert(t(messageCode));
-  }, [messageCode, t]);
+    notify(t(messageCode), "error");
+  }, [messageCode, t, notify]);
 
   return (
     <HashRouter basename={process.env.PUBLIC_URL || ""}>