Использование ключей API в приложении react

у меня есть приложение React, которое использует две сторонние службы. Приложение было запущено с помощью react-create-app.

обе эти службы требуют ключа API.

один ключ поставляется через тег script, как это:

<script type="text/javascript" src="https://myapi?key=MY_KEY">
</script>

другой ключ API используется в запросе. Я храню фактический ключ в константе и использую его для формирования запроса. Вот так:

const MY_OTHER_KEY = 'MY_OTHER_KEY'
let url = `http://myotherapi?key=${MY_OTHER_KEY}&q=${query}`

Google лучшие советы по практике по обработке ключей API говорит:

не вставляйте ключи API непосредственно в код

это подводит меня к моему первому вопросу:

1. Как использовать переменные в index.html?

в своем , у меня есть два тега, которые выглядят так:

<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

очевидно, %PUBLIC_URL% - это переменная. Как добавить переменную %MY_KEY% как избежать встраивания ключа API непосредственно в мой код?

чтобы получить что-то вроде это:

<script type="text/javascript" src="https://myapi?key=%MY_KEY%">
</script>

связанный с этим вопросом, безопасно ли хранить ключ API в константе, как я делаю для MY_OTHER_KEY?

Google также говорит:

не храните ключи API в файлах внутри исходного дерева вашего приложения

это подводит меня ко второму вопросу:

2. Не API ключ все равно в связке?

скажем, я делаю то, что Google говорит и Я!--11-->

... храните их в переменных среды или в файлах вне вашего исходное дерево приложения

скажем, я храню ключ во внешнем файле. Этот файл, я полагаю, будет прочитан в какой-то момент, и его содержимое либо скопировано в пакет, либо указано каким-то другим способом. В конце концов, не будет ли ключ все еще виден в связке, кроме, может быть, труднее найти? Как именно это помогает?

3. Есть ли канонический способ использование ключей API в приложении react? Или это зависит от индивидуального разработчика?

само собой разумеется, я ищу способ реагировать на решение этой проблемы, если таковой существует.

Спасибо за вашу помощь!