completed middleware

middleware.js

@@ -22,7 +22,7 @@ export async function middleware(req) {
     }
 
     if (authenticationPages.includes(pathname) && !authenticated) {
-      return NextResponse.redirect(new URL("/auth/", origin));
+      return NextResponse.redirect(new URL("/auth/login", origin));
     }
 
     return NextResponse.next();

middlewares/AuthRoute.js

@@ -10,12 +10,13 @@ import { useRouter } from "next/router";
 const AuthRoute = ({ children }) => {
   const router = useRouter();
 
-  const isAuthenticated = false; // In a real application, this would be determined based on the user's authentication status.
+  useEffect(() => {
+    const isAuthenticated = false; // In a real application, this would be determined based on the user's authentication status.
 
-  if (!isAuthenticated) {
-    router.push("/");
-    return null;
-  }
+    if (!isAuthenticated) {
+      router.push("/");
+    } 
+  }, []);
 
   return <>{children}</>;
 };

pages/_app.js

@@ -23,11 +23,11 @@ function MyApp({ Component, pageProps }) {
     <>
       <ThemeProvider theme={theme}>
         <CssBaseline />
-        <AuthRoute>
+        {/* <AuthRoute> */}
           <Layout>
             <Component {...pageProps} />
           </Layout>
-        </AuthRoute>
+        {/* </AuthRoute> */}
       </ThemeProvider>
     </>
   );