2 files changed, 6 insertions, 6 deletions
diff --git a/FrontEnd/src/views/settings/ChangePasswordDialog.tsx b/FrontEnd/src/views/settings/ChangePasswordDialog.tsx
index 944fdaed..fe5868e2 100644
--- a/FrontEnd/src/views/settings/ChangePasswordDialog.tsx
+++ b/FrontEnd/src/views/settings/ChangePasswordDialog.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useHistory } from "react-router";
+import { useNavigate } from "react-router-dom";
 
 import { userService } from "@/services/user";
 
@@ -11,7 +11,7 @@ export interface ChangePasswordDialogProps {
 }
 
 const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props) => {
-  const history = useHistory();
+  const navigate = useNavigate();
 
   const [redirect, setRedirect] = useState<boolean>(false);
 
@@ -58,7 +58,7 @@ const ChangePasswordDialog: React.FC<ChangePasswordDialogProps> = (props) => {
       onClose={() => {
         props.close();
         if (redirect) {
-          history.push("/login");
+          navigate("/login");
         }
       }}
     />
diff --git a/FrontEnd/src/views/settings/index.tsx b/FrontEnd/src/views/settings/index.tsx
index b9a8209b..86a8b263 100644
--- a/FrontEnd/src/views/settings/index.tsx
+++ b/FrontEnd/src/views/settings/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useHistory } from "react-router";
+import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 
 import { useUser, userService } from "@/services/user";
@@ -15,7 +15,7 @@ import "./index.css";
 const SettingsPage: React.FC = (_) => {
   const { i18n, t } = useTranslation();
   const user = useUser();
-  const history = useHistory();
+  const navigate = useNavigate();
 
   const [dialog, setDialog] = useState<
     null | "changepassword" | "changeavatar" | "changenickname" | "logout"
@@ -95,7 +95,7 @@ const SettingsPage: React.FC = (_) => {
         open={dialog === "logout"}
         onConfirm={() => {
           void userService.logout().then(() => {
-            history.push("/");
+            navigate("/");
           });
         }}
       />