Let's try this one out now

src/pages/index.tsx

@@ -27,6 +27,7 @@ import AdminDashboard from "@/dashboards/Admin";
 import CorporateDashboard from "@/dashboards/Corporate";
 import TeacherDashboard from "@/dashboards/Teacher";
 import AgentDashboard from "@/dashboards/Agent";
+import {env} from "@/utils";
 
 export const getServerSideProps = withIronSessionSsr(({req, res}) => {
 	const user = req.session.user;
@@ -53,7 +54,7 @@ export default function Home() {
 	const {user, mutateUser} = useUser({redirectTo: "/login"});
 
 	useEffect(() => {
-		console.log({env: process.env.NEXT_PUBLIC_TEST});
+		console.log({env: env("NEXT_PUBLIC_TEST")});
 	}, []);
 
 	useEffect(() => {