Как использовать переменные среды в React с vite?

Я пытался получить доступ к переменным среды, сначала я получил сообщение об ошибке process is not defined.

Затем я попробовал это, но я не уверен, почему это не работает

.env

VITE_BASE_URL = "https://jikan1.p.rapidapi.com/"
VITE_HOST = "jikan1.p.rapidapi.com"
VITE_KEY = "abcdefghij12345678"

Страница.jsx

let api = {
  base: import.meta.env.VITE_BASE_URL,
  host: import.meta.env.VITE_HOST,
  key: import.meta.env.VITE_KEY
};

function Upcoming() {
      

    console.info(api);
    return (
      <div>
      <p>{api.host}</p>
      <p>{api.base}</p>
      <p>{api.key}</p>
    </div>
)
}

Я получаю только api.host, но база и ключ не определены

может кто-нибудь сказать мне, что я делаю неправильно здесь?