Import.meta.env undefined vite/react

Question

I am using vitejs to compile my react app however after build .env imports become undefined.

// .env
VITE_BASE_URL=http://localhost:5000

// Login.jsx
const BASE_URL = import.meta.env.VITE_BASE_URL;

const Login = () => {
    console.log(import.meta.env.VITE_BASE_URL);

return (<>Login Page<>)
}

Am i doing anything wrong?