diff --git a/src/app/(main)/(pages)/home/page.tsx b/src/app/(main)/(pages)/home/page.tsx
index c251ae697..6f7bd2596 100644
--- a/src/app/(main)/(pages)/home/page.tsx
+++ b/src/app/(main)/(pages)/home/page.tsx
@@ -1,13 +1,13 @@
 import { Greeting } from '@/components/Greeting';
 import { MyCourses } from '@/components/MyCourses';
-import { Redirect } from '@/components/Redirect';
+import { redirect } from 'next/navigation';
 import { getServerSession } from 'next-auth';
 
 export default async function MyCoursesPage() {
   const session = await getServerSession();
 
   if (!session?.user) {
-    return <Redirect to={'/'} />;
+    return redirect('/');
   }
 
   return (
diff --git a/src/app/(main)/(pages)/layout.tsx b/src/app/(main)/(pages)/layout.tsx
index 8a2255a72..205689ddc 100644
--- a/src/app/(main)/(pages)/layout.tsx
+++ b/src/app/(main)/(pages)/layout.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { getServerSession } from 'next-auth';
-import { Redirect } from '@/components/Redirect';
+import { redirect } from 'next/navigation';
 
 interface Props {
   children: React.ReactNode;
@@ -10,7 +10,7 @@ export default async function MainLayout(props: Props) {
   const session = await getServerSession();
 
   if (!session?.user) {
-    return <Redirect to={'/'} />;
+    return redirect('/'); 
   }
   return <div className="w-full py-16">{props.children}</div>;
 }
diff --git a/src/components/Redirect.tsx b/src/components/Redirect.tsx
deleted file mode 100644
index 51956c0e9..000000000
--- a/src/components/Redirect.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-'use client';
-
-import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
-
-export function Redirect({ to }: { to: string }) {
-  const router = useRouter();
-  useEffect(() => {
-    router.push(to);
-  }, []);
-
-  return <div></div>;
-}