navigate changed

src/pages/Home.js

@@ -17,7 +17,7 @@ const Home = ({ ChildEl }) => {
   }, []);
   useEffect(() => {
     if (!user) {
-      navigate("/sign-in");
+      navigate("/");
     }
   }, [user, navigate]);
 

src/pages/Main.js

@@ -1,6 +1,6 @@
 // IMPORT MODULES
-import React, { useContext } from "react";
-import { Link } from "react-router-dom";
+import React, { useContext, useEffect } from "react";
+import { Link, useNavigate } from "react-router-dom";
 import { UserContext } from "../backend/UserContext";
 import { LanguageContext } from "../backend/LanguageContext";
 
@@ -17,6 +17,12 @@ import TitleGrid from "../components/main/TitleGrid";
 const Main = () => {
   const { user } = useContext(UserContext);
   const { locale } = useContext(LanguageContext);
+  const navigate = useNavigate();
+  useEffect(() => {
+    if (user) {
+      navigate("/home");
+    }
+  }, [user]);
   return (
     <section className="main">
       <Nav />

src/pages/SignIn.js

@@ -32,8 +32,6 @@ const SignIn = ({ stage }) => {
   useEffect(() => {
     if (user) {
       navigate("/home");
-    } else {
-      navigate("/sign-in");
     }
   }, [user]);