diff --git a/generators/react/resources/package.json b/generators/react/resources/package.json
index f630acc2b08d..cda03665bc8b 100644
--- a/generators/react/resources/package.json
+++ b/generators/react/resources/package.json
@@ -17,7 +17,7 @@
     "react-redux": "9.1.0",
     "react-redux-loading-bar": "5.0.8",
     "react-router-dom": "6.21.2",
-    "react-toastify": "9.1.3",
+    "react-toastify": "10.0.0",
     "react-transition-group": "4.4.5",
     "reactstrap": "9.2.1",
     "redux": "5.0.1",
diff --git a/generators/react/templates/src/main/webapp/app/app.tsx.ejs b/generators/react/templates/src/main/webapp/app/app.tsx.ejs
index 013c19b1ad10..1d754aa6ba17 100644
--- a/generators/react/templates/src/main/webapp/app/app.tsx.ejs
+++ b/generators/react/templates/src/main/webapp/app/app.tsx.ejs
@@ -58,7 +58,7 @@ export const App = () => {
   return (
     <BrowserRouter basename={baseHref}>
       <div className="app-container" style={{ paddingTop }}>
-        <ToastContainer position={toast.POSITION.TOP_LEFT} className="toastify-container" toastClassName="toastify-toast"/>
+        <ToastContainer position="top-left" className="toastify-container" toastClassName="toastify-toast"/>
         <ErrorBoundary>
           <Header
             isAuthenticated={isAuthenticated}