Переменная среды не определена ReactJS

Question

Я создал файл .env в каталоге root моего приложения React и назвал переменную окружения REACT_APP_API_KEY. Единственная строка текста в файле .env - REACT_APP_API_KEY=myapikey.

У меня нет кавычек вокруг ключа API, нет лишних пробелов и лишних пустых строк в файле .env.

Когда я заменяю API-ключ в URL-адресе на process.env.REACT_APP_API_KEY, переменная среды не определена, так как API возвращает "Token is invalid".

Когда я жестко кодирую API-ключ, ошибка исчезает, и мой приложение работает отлично.

Я неоднократно тестировал ошибку, копируя и вставляя переменную среды вместо того, чтобы вводить ее, изменяя файл .env на .env.development и .env.development.local, перезапуская сервер разработки, но переменная все еще не определена.

Я использовал этот же процесс для создания переменных среды во многих других моих проектах, но это первый раз, когда мое приложение React не может прочитать Файл .env и его переменные.

Вот мой вызов API:

useEffect(() => {
    axios
      .get(
        `https://gnews.io/api/v3/search?q=stocks&token=${process.env.REACT_APP_API_KEY}`
      )
      .then((res) => {
        console.log(res.data);
        setArticles(res.data.articles);
      })
      .catch((err) => console.log(err));
  }, []);

Это мой файл .env:

REACT_APP_API_KEY=myapikey

Любая помощь приветствуется.