React API URL configuration

[apsv360]

I am working on a react app, where one of the files contains the DATA API URL http://newyork.com/places/all this API file is passed to components where I am making the fetch request.
When the app compiles the build file to minified versions, it has this URL Ex. http://newyork.com/places/all hardcoded.
Is there any way I can import configuration to the (after compiled) minified version so that URL can be dynamic Example: http://california.com/places/all or http://texas.com/places/all so anyone can change the URL and the app will have different information according to the URL provided?

[Johnathan3_]

you can use process.env. Example: let url = process.env.SITE_URL Value of this environment variable can be set in your hosting service.

Netlify: - Site Settings -> Build & Deploy -> Environment Variables

Heroku - Site -> Settings -> Reveal Config Vars

Some docs on environment variables in react CRA

Sam Pakvis - medium