Keep your react app translates in one google sheet document

import React from "react";
import {Provider} from "react-redux"; // optional
import TranslatesProvider from "react-google-sheet-translates";

import store from "./store"; // optional

export default function() {

  const translatesOptions = {
      apiKey: API_KEY, // example: NIxaSyLAhztiYr6Zx9xBJcZqJSmgPW8PG_3ql5U
      clientId: CLIENT_ID, // example: 1078901461727-4v7m43c7lbjt2fv1nlt6ianppv9q8acas.apps.googleusercontent.com
      spreadsheetId: SPREADSHEET_TRANSLATES_ID, // example: 163VukGK4efANAcqbf3cAC3xRc2wNMArSB8jfdvq8XPZ
      locale: "en-US", // your google doc first column(default is en-US)
  };

  return (
    <TranslatesProvider {...translatesOptions}>
      <Provider store={store}>
        <YourAwesomeApp />
      </Provider>
    </TranslatesProvider>
  )
}

import React from "react";
import {FormattedMessage} from "react-intl";

export default function() {
  return (
    <h1>
      <FormattedMessage id="examplePage.mainSection.title" />
    </h1>
  )
}