trying to fix env

app/auth/login/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, FormEvent } from 'react';
+import { useState, FormEvent, useEffect } from 'react';
 import { useAuth } from '@/lib/auth';
 import { API_URL } from '@/lib/api';
 import { Button } from '@/components/ui/button';
@@ -13,6 +13,11 @@ const LoginPage = () => {
     const [error, setError] = useState('');
     const auth = useAuth();
     const [isLoggedIn, setIsLoggedIn] = useState(false); 
+
+    useEffect(() => {
+      console.log("API URL from env:", process.env.NEXT_PUBLIC_API_URL);
+      console.log("Test var from env:", process.env.NEXT_PUBLIC_TEST_VAR);
+  }, []);
   
     const handleSubmit = async (e: FormEvent) => {
       e.preventDefault();

next.config.js

@@ -3,6 +3,7 @@ const nextConfig = {
   reactStrictMode: true,
   env: {
     NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
+    NEXT_PUBLIC_TEST_VAR: 'This is a test',
   },
 };