update to latest react

Author: michielbouw

README.md

@@ -7,8 +7,8 @@ Starting point for a Typescript, React (v16.8.0-alpha.0), Yarn & Lerna monorepo
 This project is initialized with [Create React App](https://github.com/facebook/create-react-app) consisting of:
 
 - TypeScript
-- React (v16.8.0)
-- react-scripts (react-scripts v3.0.1+ from createReactApp)
+- React (v16.8.0+, *tested up to v16.13.1*)
+- react-scripts (react-scripts v3.0.1+, *tested up to v3.0.1*, from createReactApp)
 - react-testing-library (not Enzyme)
 - Yarn Workspaces (multiple packages architecture)
 - Lerna (tool for managing the monorepo packages)
@@ -20,8 +20,8 @@ This project is initialized with [Create React App](https://github.com/facebook/
 
 The project now consists of 3 packages.
 
-- **www**: create-react-app with TypeScript (react v16.8.0, react-scripts v3.0.1+)
-- **shared**: react components with TypeScript (react v16.8.0)
+- **www**: create-react-app with TypeScript (react v16.13.1+, react-scripts v3.0.1+)
+- **shared**: react components with TypeScript (react v16.13.1+)
 - **utils**: shared functions with TypeScript
 
 ## Get Started

package.json

@@ -23,8 +23,8 @@
   "devDependencies": {
     "@types/jest": "^25.2.1",
     "@types/node": "^13.13.5",
-    "@types/react": "^16.8.0",
-    "@types/react-dom": "^16.8.0",
+    "@types/react": "^16.9.34",
+    "@types/react-dom": "^16.9.7",
     "@typescript-eslint/eslint-plugin": "^2.31.0",
     "@typescript-eslint/parser": "^2.31.0",
     "eslint-config-prettier": "^6.11.0",
@@ -33,8 +33,8 @@
     "lerna": "^3.20.2",
     "node-sass": "^4.14.1",
     "prettier": "^2.0.5",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "react-scripts": "3.0.1",
     "typescript": "~3.7.2"
   },

packages/www/src/App.tsx

@@ -16,7 +16,7 @@ const App = () => {
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <Header>
-          React (v16.8.0), Typescript, Yarn & Lerna Monorepo
+          React (v16.8.0+, <i>current v16.13.1</i>), Typescript, Yarn & Lerna Monorepo
         </Header>
         <p>
           Starting point for a Typescript, React, Yarn & Lerna monorepo project

packages/www/src/serviceWorker.ts

@@ -12,12 +12,12 @@
 
 const isLocalhost = Boolean(
   window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
+  // [::1] is the IPv6 localhost address.
+  window.location.hostname === '[::1]' ||
+  // 127.0.0.0/8 are considered localhost for IPv4.
+  window.location.hostname.match(
+    /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+  )
 );
 
 type Config = {
@@ -51,7 +51,7 @@ export function register(config?: Config) {
         navigator.serviceWorker.ready.then(() => {
           console.log(
             'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit https://bit.ly/CRA-PWA'
+            'worker. To learn more, visit https://bit.ly/CRA-PWA'
           );
         });
       } else {
@@ -79,7 +79,7 @@ function registerValidSW(swUrl: string, config?: Config) {
               // content until all client tabs are closed.
               console.log(
                 'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+                'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
               );
 
               // Execute callback

yarn.lock

@@ -2347,14 +2347,14 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
 
-"@types/react-dom@^16.8.0":
+"@types/react-dom@^16.9.7":
   version "16.9.7"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.7.tgz#60844d48ce252d7b2dccf0c7bb937130e27c0cd2"
   integrity sha512-GHTYhM8/OwUCf254WO5xqR/aqD3gC9kSTLpopWGpQLpnw23jk44RvMHsyUSEplvRJZdHxhJGMMLF0kCPYHPhQA==
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16.8.0":
+"@types/react@*", "@types/react@^16.9.34":
   version "16.9.34"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.34.tgz#f7d5e331c468f53affed17a8a4d488cd44ea9349"
   integrity sha512-8AJlYMOfPe1KGLKyHpflCg5z46n0b5DbRfqDksxBLBTUpB75ypDBAO9eCUcjNwE6LCUslwTz00yyG/X9gaVtow==
@@ -10242,7 +10242,7 @@ react-dev-utils@^9.0.1:
     strip-ansi "5.2.0"
     text-table "0.2.0"
 
-react-dom@^16.8.0:
+react-dom@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
   integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
@@ -10322,7 +10322,7 @@ [email protected]:
   optionalDependencies:
     fsevents "2.0.6"
 
-react@^16.8.0:
+react@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
   integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==