Fix warnings

Author: guanquann

frontend/src/components/NoDirectAccessRoutes/index.tsx

@@ -1,18 +1,4 @@
-import { Navigate, Outlet, useLocation, useNavigate } from "react-router-dom";
-import React from "react";
-
-export const useAppNavigate = () => {
-  const navigate = useNavigate();
-
-  const appNavigate = (path: string) => {
-    navigate(path, {
-      replace: location.pathname !== "/home",
-      state: { from: "app-navigation" },
-    });
-  };
-
-  return appNavigate;
-};
+import { Navigate, Outlet, useLocation } from "react-router-dom";
 
 const NoDirectAccessRoutes: React.FC = () => {
   const location = useLocation();

frontend/src/components/UseAppNavigate/index.tsx

@@ -0,0 +1,16 @@
+import { useNavigate } from "react-router-dom";
+
+export const useAppNavigate = () => {
+  const navigate = useNavigate();
+
+  const appNavigate = (path: string) => {
+    navigate(path, {
+      replace: location.pathname !== "/home",
+      state: { from: "app-navigation" },
+    });
+  };
+
+  return appNavigate;
+};
+
+export default useAppNavigate;

frontend/src/contexts/MatchContext.tsx

@@ -13,7 +13,7 @@ import {
 } from "../utils/constants";
 import { useAuth } from "./AuthContext";
 import { toast } from "react-toastify";
-import { useAppNavigate } from "../components/NoDirectAccessRoutes";
+import useAppNavigate from "../components/UseAppNavigate";
 
 type MatchUser = {
   id: string;