Create React App: using environment variables in index.html

Question

Is there a way to inject environment variables, e.g. REACT_APP_MY_API into the index.html file?

According to this, it can be done, but I can\'

Answer 1

From the docs (here):

• make sure your react-scripts dependency version is equal or greater than 0.0.9
• create a .env file at the same level of your package.json
• make sure all you variables start with REACT_APP_; for example REACT_APP_TITLE
• use them in you js / ts code using process.env.REACT_APP_XXX
• or in you html code surrounding it with % ie
• restart your development server / re-compile your app when making changes to your .env file