Сокрытие Api-ключа в реакции-приложении сработало в localhost, но не в героку

Question

Я выполнил шаги по сокрытию ключа API Google, выполнив следующие действия:

1. Создайте файл .env и вставьте туда мой ключ:

   REACT_APP_GOOGLE_API_KEY= my_key

2. Добавить '.env.local' в мой файл .gitignore

3. Использовать его:

   const API_KEY =${process.env.REACT_APP_GOOGLE_API_KEY}

Я сделал запрос через API геолокации Google:

https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${API_KEY}`

Он работает, когда я нахожусь в localhost, но когда я его развертываю на herokuтогда запрос к URL-адресу Google не работает, то есть мой API_KEY не работает при развертывании на heroku.Я испортил некоторые шаги, или потребовалось время, чтобы heroku полностью загрузил мои переменные окружения?

Я был бы очень признателен за любую помощь.