How do I pass arguments to react-scripts start command and use them in react?

Question

I have a .sh file with the follow code:

react-scripts start HOST=0.0.0.0

And my yarn start scripts is:

"scripts": {
"start": "./run.sh",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"

},

The problem is that when I access to process.env object on a react component, I don't see this variable. How can I do this to work?

If you want to set an env var you need to do it first, that's just passing some unhandled arguments to react-scripts. — jonrsharpe
– jonrsharpe, Commented Apr 17, 2021 at 7:28

kevin parra · Accepted Answer · 2021-04-18 19:49:19Z

3

So the solution is to add REACT_APP as prefix of your variables.

My .sh file ended like this:

#!/bin/sh
export REACT_APP_PYTHON_API_IP="localhost"
yarn start

answered Apr 18, 2021 at 19:49

kevin parra

4561 gold badge7 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1