Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade to react-scripts v5 #91

Closed
wants to merge 5 commits into from
Closed
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
"start": "cross-env react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test --watchAll=false",
"eject": "react-scripts eject"
"eject": "react-scripts eject",
"postinstall": "semantic-ui-css-patch"
},
"dependencies": {
"@okta/okta-auth-js": "^6.0.0",
Expand All @@ -20,12 +21,13 @@
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.3.0",
"react-scripts": "^4.0.3",
"react-scripts": "^5.0.0",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything works when you run npm start, but there's an ugly warning.

WARNING in DefinePlugin
Conflicting values for 'process.env'

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jaredperreault-okta Do you have any idea how to fix this?

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure what the issue is, but the problem is here: https://github.com/okta-samples/okta-react-sample/blob/main/config-overrides.js#L43.

react-scripts contains a webpack config internally, config-overrides allows us to customize it. It seems like our customization is colliding with something in react-scripts 5

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can't seem to get the warning to go away. I think I'll just leave it and hope that someone has a solution someday (if it annoys them). npm start and npm run build work just fine.

Copy link
Contributor Author

@mraible mraible Apr 19, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Damn. It doesn't work for CI: Treating warnings as errors because process.env.CI = true.

https://github.com/okta-samples/okta-react-sample/runs/6080989731?check_suite_focus=true

"semantic-ui-css": "^2.4.1",
"semantic-ui-react": "^2.1.1",
"text-encoding": "^0.7.0"
},
"devDependencies": {
"@semantic-ui-react/css-patch": "^1.0.0",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"react-app-rewired": "^2.1.11"
},
"browserslist": {
Expand Down