---
# System prepended metadata

title: Upgrade React-Scripts v5

---

# Upgrade React-Scripts v5

React-scripts released version 5
https://github.com/facebook/create-react-app/releases/tag/v5.0.0

Which introduce several breaking changes: 
- Upgrade webpack 4 to webpack 5. (see below)
- Add source-map-loader for debugging into original source of node_modules libraries that contain sourcemaps - currently there is a problem with loading source maps for `Excalidraw`.
 
 
 Webpack also introduced some breaking changes like dropping the node.js core support. Whit that in mind all packages not intended to run in browser will break the project.
 Currently the only package, that we use, that is not intended to be used in browser is `winston`.
 Before we upgrade to react-scripts v5, winston should be removed or replaced with similar tool. 
 
 Not necessary but nice to upgrade is the react-router. They are at version 6 which simplyfies a lot the route defentions. There are two major things to be considered:
 - rendered component should be moved as child (already in place).
 - nested routes do not require using path from the url match to navigate.
 - tab navigation must be checked for compatibility with v6.

