React Static Versions Save

New

• Add react-static-plugin-svgr (#1626)
• Add image import example for TypeScript template (#1597)

Improved

• Update emotion plugin to support 11 version (#1558)
• Show warning for missing template default export (#1599)
• Corrected mismatch between Sitemap documentation and implementation (#1618)
• Migrate usage of node-sass to Dart Sass (#1621)
• Add React.Suspense wrapper to router guides. (#1593)

Bugfix

• Fix publicPath is used for webpack output publicPath instead of assetsPath (#1569)
• Fix sitemap generation for staging context (#1616)
• Ensure sitemap generation properly ignores noindex routes (#1620)

Here is a list of package version changes. If a package hasn't been bumped, it means that there were no changes in that package.

• react-static-plugin-emotion: 7.2.2 => 7.5.0
• react-static-plugin-evergreen: 7.2.2 => 7.5.0
• react-static-plugin-jss: 7.3.0 => 7.5.0
• react-static-plugin-mdx: 7.2.2 => 7.5.0
• react-static-plugin-preact: 7.2.2 => 7.5.0
• react-static-plugin-reach-router: 7.4.2 => 7.5.0
• react-static-plugin-react-location: 7.4.2 => 7.5.0
• react-static-plugin-react-router: 7.4.2 => 7.5.0
• react-static-plugin-sitemap: 7.4.2 => 7.5.0
• react-static-plugin-source-filesystem: 7.4.2 => 7.5.0
• react-static-plugin-styled-components: 7.3.0 => 7.5.0
• react-static-plugin-typescript: 7.4.2 => 7.5.0
• react-static: 7.4.2 => 7.5.0

Improved

• Update preact to latest version and removed outdated compat dependency (#1486)
• Add prefresh to replace react hot loader when using preact plugin (#1486)
• Add an instruction how to make it work with preact 10 (#1497)
• Add ability to parse frontmatter in MDX plugin (#1533)
• Add ability to configure hreflang links to Sitemap (#1539)
• Move react to peerDependencies (#1560)
• Add preliminary support for React 17 (#1560)
• Upgrade react-helmet to 6.1.0 to remove NullComponent warnings (#1531)

Bugfix

• Fix wrong react alias for preact plugin in webpack config (#1486)
• Fix eslintignore not ignorning package files (#1486)
• Remove @types/react-hot-loader from TypeScript template (#1485)
• Expand styled-components peer dependency version range in react-static-plugin-styled-components to allow newer versions of styled-components to be used (#1473)
• Fix bug when calling console.error without arguments (#1509)
• Fix basepath configuration for React Router (#1520)
• Fix mismatched chunk names between bundle and export (#1518)
• Bump git-promise to 1.0.0, fixing a security vulnerability (#1522)
• Fix misconfigured HMR option for extract-css-chunks-webpack-plugin (#1505)
• Make getComponentForPath properly return 404 page when route is invalid and 404 page exists (#1557)
• Bump axios to 0.21.1, fiing a security vulnerability (#1562)

New

• Allow dots in routes. (#1365)
• Add silent option (#1330)
• Add clickable dev-server url (#1306)
• Add unofficial plugin react-static-plugin-file-watch-reload to plugins list
• Add configuring css loader from react-static-plugin-sass and react-static-plugin-less (#1348)
• Change react-static-plugin-jss for react-jss v10+. (#1367)
• Add inline script hashes to DocumentProps. These hashes can be used to construct a Content Security Policy in a meta tag without unsafe-inline scripts. (#1373)

Improved

• Fix basePath edge case (#1344)
• Fix typings withSiteData (#1319)
• Fix "can not read property catch of undefined" (#1313)
• Fix missing state.siteData in dev (#1148)
• Fix empty or undefined error in sitemap plugin (#1233 and #1312)
• Fix stderr pollution by progress module (#1356)
• Fix package.json and README for react-static-plugin-stylus (#1244)
• Fix Webpack stats output in environment that don't support color (#1370)

New

• Add plugins to plugin hook so plugins can have plugins (#1264)
• Add Node 12 support (#1219)

Improved

• Remove file inline-ing when the file is larger than an arbitrary size (#1222)
• Fix relative paths when the should have been absolute (#1250, #1253, #1254, #1272 and #1276)
• Fixed issue with react hot loader for IE (#1274)
• Fixed TypeScript definitions (#1181)
• Fixed component passing in renderProp of Routes (#1181)

@miiton @nddery @jviotti and @alexjfno1, thank you for helping us, and especially me, get onboarded with all the current issues and also with all the help solving them.

---

⚠ Whilst this was not marked as a breaking change, the standard browserlist is a bit more modern than the previous standard browserlist. This may (but unlikely) break your site. Add a browserlist configuration to your own package.json to solve this.

---

🚧 There is a known issue where on Windows, sometimes, build or start will hang. In these cases, try running with --debug or --dev. This will be resolved in a later version.

Features

• Added config.paths, which can now be used to customize dist folder location and other file locations used by react-static
• Added onStart hook. Fires after the first successful dev build when running react-static start
• Added onBuild hook. Fires after a successful production build when running react-static build
• Added config.devServer, which can be used to customize the configuration for the webpack-dev-server used in development. (Thanks @rywils21!)
• Added TypeScript typings for React-Static core exports (Thanks @D1no!)
• Allow customization of dev server PORT and HOST via those environment variables. (Thanks @rywils21!)
• config.getRoutes is no longer required and will default to exporting a single root path.
• Webpack configurations can now be exported and used externally. (Thanks @crubier!)
• <Router> component now supports a type prop that can be: browser, hash, or memory, which defines which type of history object to create and use internally. Useful for non-web environments or situations where your app will be accessed in a filesystem or nested domain as opposed to a web server.
• Added Redux example (Thanks @crubier!)
• Added Apollo GraphQL example (Thanks @crubier!)
• Added Redux + Apollo example (Thanks @crubier!)
• Added Typscript example (Thanks @D1no!)

Fixes & Optimization

• The Document's <title> tag can now be used as a fallback to any <title> tag produced via the <Head> component. (Thanks @EmilTholin!)
• Fixed a bug where not defining a 404 component resulted in an error during production build. (Thanks @mplis!)
• Fixed a bug where the webpack dev server would rebuild the app multiple times in a row when started up for the first time. (Thanks @cgmx!)