diff --git a/frontend/package.json b/frontend/package.json
index bbf6b9f6..56457972 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -111,6 +111,6 @@
     "react-16": "npm:react@16.13.1",
     "react-dom-16": "npm:react-dom@16.13.1",
     "react-error-overlay": "6.0.9",
-    "webpack": "^4.46.0"
+    "webpack": "^5.88.2"
   }
 }
diff --git a/frontend/src/components/CacheView.jsx b/frontend/src/components/CacheView.jsx
index 6546885c..64f071f7 100644
--- a/frontend/src/components/CacheView.jsx
+++ b/frontend/src/components/CacheView.jsx
@@ -1,5 +1,7 @@
 import React, { useState, useEffect } from "react";
 import theme from "../theme.jsx";
+import { toast } from 'react-toastify';
+
 import {
     Tooltip,
     Divider,
diff --git a/frontend/src/components/ConfigureWorkflow.jsx b/frontend/src/components/ConfigureWorkflow.jsx
index 6c734c8e..0e80540c 100755
--- a/frontend/src/components/ConfigureWorkflow.jsx
+++ b/frontend/src/components/ConfigureWorkflow.jsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useInterval } from "react-powerhooks";
+import { toast } from 'react-toastify';
 
 import {
   InputAdornment,
diff --git a/frontend/src/components/Files.jsx b/frontend/src/components/Files.jsx
index 2d5b68d2..75553621 100644
--- a/frontend/src/components/Files.jsx
+++ b/frontend/src/components/Files.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { toast } from 'react-toastify';
 
 import {
   IconButton,
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index e54877b2..6a680b5e 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -1,4 +1,5 @@
 import React, {useState} from 'react';
+import { toast } from 'react-toastify';
 import theme from '../theme.jsx';
 import {BrowserView, MobileView} from "react-device-detect";
 
diff --git a/frontend/src/components/Oauth2Auth.jsx b/frontend/src/components/Oauth2Auth.jsx
index 4c37a251..46f03017 100755
--- a/frontend/src/components/Oauth2Auth.jsx
+++ b/frontend/src/components/Oauth2Auth.jsx
@@ -1,4 +1,5 @@
 import React, { useRef, useState, useEffect, useLayoutEffect } from "react";
+import { toast } from 'react-toastify';
 import { useParams, useNavigate, Link } from "react-router-dom";
 import theme from '../theme.jsx';
 //import { useAlert 
diff --git a/frontend/src/components/ParsedAction.jsx b/frontend/src/components/ParsedAction.jsx
index 3751dfa7..8990ce94 100755
--- a/frontend/src/components/ParsedAction.jsx
+++ b/frontend/src/components/ParsedAction.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useLayoutEffect } from "react";
+import { toast } from 'react-toastify';
 import { makeStyles, createStyles } from "@mui/styles";
 import theme from '../theme.jsx';
 
diff --git a/frontend/src/components/Priority.jsx b/frontend/src/components/Priority.jsx
index 3a23f15f..046c7fd9 100644
--- a/frontend/src/components/Priority.jsx
+++ b/frontend/src/components/Priority.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { toast } from 'react-toastify';
 
 import ReactGA from 'react-ga4';
 import theme from "../theme.jsx";
diff --git a/frontend/src/components/ShuffleCodeEditor.jsx b/frontend/src/components/ShuffleCodeEditor.jsx
index 4b9dd48a..a9599819 100644
--- a/frontend/src/components/ShuffleCodeEditor.jsx
+++ b/frontend/src/components/ShuffleCodeEditor.jsx
@@ -1,4 +1,5 @@
 import React, {useState, useEffect, useLayoutEffect} from 'react';
+import { toast } from 'react-toastify';
 import {
 	CircularProgress, 
 	IconButton,
diff --git a/frontend/src/components/UsecaseSearch.jsx b/frontend/src/components/UsecaseSearch.jsx
index 6d0f2eef..bc7a6aad 100644
--- a/frontend/src/components/UsecaseSearch.jsx
+++ b/frontend/src/components/UsecaseSearch.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { toast } from 'react-toastify';
 import theme from '../theme.jsx';
 import { useNavigate, Link } from "react-router-dom";
 //import { useAlert