[core] Increase React peer dependency to v16.8.0 (#14432)

Author: oliviertassinari

.size-limit.js

@@ -81,7 +81,7 @@ module.exports = [
     name: 'The main docs bundle',
     webpack: false,
     path: main.path,
-    limit: '193 KB',
+    limit: '194 KB',
   },
   {
     name: 'The docs home page',

docs/src/pages/css-in-js/basics/basics.md

@@ -39,8 +39,6 @@ npm install @material-ui/styles
 yarn add @material-ui/styles
 ```
 
-> Please note that it depends on *react@next* and *react-dom@next*.
-
 ### Migration for `@material-ui/core` users
 
 To switch from the default style implementation to this newest version, you need to execute the following code **before importing any** Material-UI's components:

docs/src/pages/layout/use-media-query/use-media-query.md

@@ -6,9 +6,6 @@ title: Media queries in React for responsive design
 
 <p class="description">This is a CSS media query hook for React. It listens for matches to a CSS media query. It allows the rendering of components based on whether the query matches or not.</p>
 
-> ⚠️ `useMediaQuery` is unstable as hooks aren't stable yet, therefore it is exported with an unstable prefix.
-Please note that it depends on *react@next* and *react-dom@next*.
-
 Some of the key features:
 
 - ⚛️ It has an idiomatic React API.

examples/cdn-next/README.md

@@ -22,7 +22,7 @@ which is great for prototyping. We discourage using this approach in production
 the client has to download the entire library, regardless of which components are actually used,
 affecting performance and bandwidth utilisation.
 
-[The live preview.](https://rawgit.com/mui-org/material-ui/master/examples/cdn/index.html)
+[The live preview.](https://rawgit.com/mui-org/material-ui/next/examples/cdn/index.html)
 
 ## UMD releases
 

examples/cdn/README.md

@@ -22,7 +22,7 @@ which is great for prototyping. We discourage using this approach in production
 the client has to download the entire library, regardless of which components are actually used,
 affecting performance and bandwidth utilisation.
 
-[The live preview.](https://rawgit.com/mui-org/material-ui/master/examples/cdn/index.html)
+[The live preview.](https://rawgit.com/mui-org/material-ui/next/examples/cdn/index.html)
 
 ## UMD releases
 

package.json

@@ -152,10 +152,10 @@
     "prettier": "^1.8.2",
     "puppeteer": "^1.5.0",
     "raw-loader": "^0.5.1",
-    "react": "^16.8.0-alpha.1",
+    "react": "^16.8.0",
     "react-autosuggest": "^9.3.2",
     "react-docgen": "^3.0.0",
-    "react-dom": "^16.8.0-alpha.1",
+    "react-dom": "^16.8.0",
     "react-draggable": "^3.0.5",
     "react-final-form": "^4.0.2",
     "react-frame-component": "^4.0.2",

packages/material-ui-benchmark/package.json

@@ -25,11 +25,11 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@emotion/core": "^10.0.0",
+    "@emotion/styled": "^10.0.0",
     "benchmark": "^2.1.4",
     "emotion-server": "^10.0.6",
     "nodemod": "^1.5.19",
-    "styled-system": "^3.1.11",
-    "@emotion/core": "^10.0.0",
-    "@emotion/styled": "^10.0.0"
+    "styled-system": "^3.1.11"
   }
 }

packages/material-ui-docs/package.json

@@ -32,8 +32,8 @@
   },
   "peerDependencies": {
     "@material-ui/core": "^3.0.0",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui-icons/package.json

@@ -37,8 +37,8 @@
   },
   "peerDependencies": {
     "@material-ui/core": "^3.0.0",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui-lab/package.json

@@ -34,8 +34,8 @@
   },
   "peerDependencies": {
     "@material-ui/core": "^3.0.0",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui-lab/src/Slider/Slider.js

@@ -217,11 +217,6 @@ function preventPageScrolling(event) {
   event.preventDefault();
 }
 
-/* istanbul ignore if */
-if (process.env.NODE_ENV !== 'production' && !React.createContext) {
-  throw new Error('Material-UI: [email protected] or greater is required.');
-}
-
 /**
  * @param {number} rawValue
  * @param {object} props

packages/material-ui-styles/package.json

@@ -33,8 +33,8 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{ts,tsx}\""
   },
   "peerDependencies": {
-    "react": "^16.7.0-alpha.2",
-    "react-dom": "^16.7.0-alpha.2"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui-system/package.json

@@ -32,8 +32,8 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-system/**/*.test.js' --exclude '**/node_modules/**'"
   },
   "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui-utils/package.json

@@ -32,8 +32,8 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-utils/**/*.test.js' --exclude '**/node_modules/**'"
   },
   "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui/.size-snapshot.json

@@ -1,7 +1,7 @@
 {
   "build/umd/material-ui.production.min.js": {
-    "bundled": 867738,
-    "minified": 320738,
-    "gzipped": 84774
+    "bundled": 868476,
+    "minified": 321053,
+    "gzipped": 84839
   }
 }

packages/material-ui/package.json

@@ -32,8 +32,8 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{ts,tsx}\""
   },
   "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.2.0",

packages/material-ui/src/ButtonBase/ButtonBase.js

@@ -48,11 +48,6 @@ export const styles = {
   focusVisible: {},
 };
 
-/* istanbul ignore if */
-if (process.env.NODE_ENV !== 'production' && !React.createContext) {
-  throw new Error('Material-UI: [email protected] or greater is required.');
-}
-
 /**
  * `ButtonBase` contains as few styles as possible.
  * It aims to be a simple building block for creating a button.

packages/material-ui/src/Modal/Modal.js

@@ -38,11 +38,6 @@ export const styles = theme => ({
   },
 });
 
-/* istanbul ignore if */
-if (process.env.NODE_ENV !== 'production' && !React.createContext) {
-  throw new Error('Material-UI: [email protected] or greater is required.');
-}
-
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *

packages/material-ui/src/Snackbar/Snackbar.js

@@ -94,11 +94,6 @@ export const styles = theme => {
   };
 };
 
-/* istanbul ignore if */
-if (process.env.NODE_ENV !== 'production' && !React.createContext) {
-  throw new Error('Material-UI: [email protected] or greater is required.');
-}
-
 class Snackbar extends React.Component {
   state = {};
 

packages/material-ui/src/SwipeableDrawer/SwipeableDrawer.js

@@ -25,11 +25,6 @@ export function reset() {
   nodeThatClaimedTheSwipe = null;
 }
 
-/* istanbul ignore if */
-if (process.env.NODE_ENV !== 'production' && !React.createContext) {
-  throw new Error('Material-UI: [email protected] or greater is required.');
-}
-
 class SwipeableDrawer extends React.Component {
   state = {};