I imagine you got this working by now, but for anyone else that finds this, you set your default environment variables in a .env file at the root of your “create-react-app” project. To separate out the variables used when using npm start and npm run build you can create two more env files – .env.development … Read more
I had the exact same issue. Turned out that Webpack would mess around with Material UI’s rules of JSS precedence. You need to manually override the injection order using the index option. In your makeStyles() or withStyles(), add {index: 1}: //Hook const useStyles = makeStyles({ // your styles here }, {index: 1}) // HOC MyComponent … Read more
// package.json { “name”: “your-project-name”, “version”: “0.1.0”, “homepage”: “./”, # <— Add this line —- … } Run npm run build again. This will change the path to ./, which is the relative path of your project.
To change the webpack config and build scripts you have either to eject from create-react-app (i would not recommend this step, as it breaks future compatibility) or use tools like rewire to override some settings Take a look at this. https://github.com/timarney/react-app-rewired I personally used just rewire npm i rewire –save-dev Here is a sample config … Read more