Хранение сторонних учетных данных OAuth (React)

Я пытаюсь внедрить Google OAuth с пакетом реагировать-гугл-логин, но после прочтения документации обнаружил, что у меня возникли вопросы:

ReactDOM.render(
  <GoogleLogin
    clientId = "658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com"
    buttonText = "Login"
    onSuccess = {responseGoogle}
    onFailure = {responseGoogle}
  />,
  document.getElementById('googleButton')
);

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

(Не уверен, что это уместно, но я хотел добавить, что буду использовать бэкэнд rails. Мне кажется, я видел в прошлом реализацию, в которой сначала делается запрос к бэкэнду, где фактический запрос oauth затем отправляются с использованием учетных данных, которые были сохранены как переменные среды на сервере, чтобы они никогда не проходили через браузер? Если это имеет смысл?)

Любые советы или разъяснения по этому вопросу будут высоко оценены. Заранее спасибо!