react-rails 2.4.4 → 2.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 42c09bb9135b40e0430df5db632aad7084abc107
-  data.tar.gz: fa1e9a5c114c8f105cbac01db96534664620ad74
+SHA256:
+  metadata.gz: 0cda1e3195b0f783b36713deb6688010e94823f8d582e9e3e0589bf3048ecce7
+  data.tar.gz: d997b158a3785b20e154382ed54de7a2c18b6486b5109e1a8392d399579f90d3
 SHA512:
-  metadata.gz: 38ecbc7b2591cdd1237d63502277749179ca807146df4925bf34a75f70c134adfbf513ca2cd1c3c076c5468eac2afaadae2e99026aeba872772c6ce29b556c32
-  data.tar.gz: da95ec9bb106e43057e9cbf84b2f214b3739d627cf5b5f507cb09122434a075b26f22033dfd636de3a69b80fe014ae722a4f225cf12005f41300a70c74ff3d86
+  metadata.gz: 4875d0236291a42bc58e355b31da559226814df39bb0b9bbb4850c68c6ff9e7417037f8bea385d81e98e575cd0bea4db55c2d97702cc05e9d79a903fce9480ba
+  data.tar.gz: 27d0d5e45daf3b842c5dd3343690dbe225b3ea83bd4972f41c109018cfceacdc1d9a13956e4324370e113edd3a6e5c86bae7fadf9515f9aa45f561f1ee68324c

data/CHANGELOG.md

@@ -12,6 +12,16 @@
 
 #### New Features
 
+- React 16.3.2 prebundled #908
+- Supports Webpacker 4.x #895
+- Enhanced generator to create components in subdirectories #890
+- Explicitly support Rails 5.2 #893
+- Enhanced documentation for Turbolinks usage #900
+
+## 2.4.4
+
+#### New Features
+
 - React 16.2 prebundled #856, #874
 - Use Fragments instead of Divs by default #856
 - Explicitly support Ruby 2.5 #857

data/README.md

@@ -87,6 +87,12 @@ $ rails g react:component HelloWorld greeting:string
 
 Your component is added to `app/javascript/components/` by default.
 
+You can also generate your component in a subdirectory:
+
+```
+$ rails g react:component my_subdirectory/HelloWorld greeting:string
+```
+
 [Render it in a Rails view](#view-helper):
 
 ```erb
@@ -135,7 +141,7 @@ $ bundle exec rails webpacker:install:typescript
 $ yarn add @types/react @types/react-dom
 ```
 
-Doing this will allow React-Rails to support the .tsx extension. 
+Doing this will allow React-Rails to support the .tsx extension.
 
 ## Use with Asset Pipeline
 
@@ -304,6 +310,19 @@ ReactRailsUJS.detectEvents()
 
 For example, if `Turbolinks` is loaded _after_ `ReactRailsUJS`, you'll need to call this again. This function removes previous handlers before adding new ones, so it's safe to call as often as needed.
 
+If `Turbolinks` is `import`ed via Webpacker (and thus not available globally), `ReactRailsUJS` will be unable to locate it. To fix this, you can temporarily add it to the global namespace:
+
+```js
+// Order is particular. First start Turbolinks:
+Turbolinks.start();
+// Add Turbolinks to the global namespace:
+window.Turbolinks = Turbolinks;
+// Remove previous event handlers and add new ones:
+ReactRailsUJS.detectEvents();
+// (Optional) Clean up global namespace:
+delete window.Turbolinks;
+```
+
 ### `getConstructor`
 
 Components are loaded with `ReactRailsUJS.getConstructor(className)`. This function has two built-in implementations:

data/lib/assets/react-source/development/react-server.js

@@ -45,9 +45,9 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {var React = __webpack_require__(1);
-	var ReactDOMServer = __webpack_require__(32);
-	var createReactClass = __webpack_require__(27);
-	var PropTypes = __webpack_require__(29);
+	var ReactDOMServer = __webpack_require__(30);
+	var createReactClass = __webpack_require__(25);
+	var PropTypes = __webpack_require__(27);
 
 	global.React = React;
 	global.ReactDOMServer = ReactDOMServer;
@@ -65,7 +65,7 @@
 	if (process.env.NODE_ENV === 'production') {
 	  module.exports = __webpack_require__(3);
 	} else {
-	  module.exports = __webpack_require__(7);
+	  module.exports = __webpack_require__(8);
 	}
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
@@ -264,7 +264,7 @@
 /* 3 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.2.0
+	/** @license React v16.3.2
 	 * react.production.min.js
 	 *
 	 * Copyright (c) 2013-present, Facebook, Inc.
@@ -273,18 +273,19 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';var m=__webpack_require__(4),n=__webpack_require__(5),p=__webpack_require__(6),q="function"===typeof Symbol&&Symbol["for"],r=q?Symbol["for"]("react.element"):60103,t=q?Symbol["for"]("react.call"):60104,u=q?Symbol["for"]("react.return"):60105,v=q?Symbol["for"]("react.portal"):60106,w=q?Symbol["for"]("react.fragment"):60107,x="function"===typeof Symbol&&Symbol.iterator;
-	function y(a){for(var b=arguments.length-1,e="Minified React error #"+a+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant\x3d"+a,c=0;c<b;c++)e+="\x26args[]\x3d"+encodeURIComponent(arguments[c+1]);b=Error(e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");b.name="Invariant Violation";b.framesToPop=1;throw b;}
-	var z={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};function A(a,b,e){this.props=a;this.context=b;this.refs=n;this.updater=e||z}A.prototype.isReactComponent={};A.prototype.setState=function(a,b){"object"!==typeof a&&"function"!==typeof a&&null!=a?y("85"):void 0;this.updater.enqueueSetState(this,a,b,"setState")};A.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};
-	function B(a,b,e){this.props=a;this.context=b;this.refs=n;this.updater=e||z}function C(){}C.prototype=A.prototype;var D=B.prototype=new C;D.constructor=B;m(D,A.prototype);D.isPureReactComponent=!0;function E(a,b,e){this.props=a;this.context=b;this.refs=n;this.updater=e||z}var F=E.prototype=new C;F.constructor=E;m(F,A.prototype);F.unstable_isAsyncReactComponent=!0;F.render=function(){return this.props.children};var G={current:null},H=Object.prototype.hasOwnProperty,I={key:!0,ref:!0,__self:!0,__source:!0};
-	function J(a,b,e){var c,d={},g=null,k=null;if(null!=b)for(c in void 0!==b.ref&&(k=b.ref),void 0!==b.key&&(g=""+b.key),b)H.call(b,c)&&!I.hasOwnProperty(c)&&(d[c]=b[c]);var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){for(var h=Array(f),l=0;l<f;l++)h[l]=arguments[l+2];d.children=h}if(a&&a.defaultProps)for(c in f=a.defaultProps,f)void 0===d[c]&&(d[c]=f[c]);return{$$typeof:r,type:a,key:g,ref:k,props:d,_owner:G.current}}function K(a){return"object"===typeof a&&null!==a&&a.$$typeof===r}
-	function escape(a){var b={"\x3d":"\x3d0",":":"\x3d2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}var L=/\/+/g,M=[];function N(a,b,e,c){if(M.length){var d=M.pop();d.result=a;d.keyPrefix=b;d.func=e;d.context=c;d.count=0;return d}return{result:a,keyPrefix:b,func:e,context:c,count:0}}function O(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>M.length&&M.push(a)}
-	function P(a,b,e,c){var d=typeof a;if("undefined"===d||"boolean"===d)a=null;var g=!1;if(null===a)g=!0;else switch(d){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case r:case t:case u:case v:g=!0}}if(g)return e(c,a,""===b?"."+Q(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var k=0;k<a.length;k++){d=a[k];var f=b+Q(d,k);g+=P(d,f,e,c)}else if(null===a||"undefined"===typeof a?f=null:(f=x&&a[x]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=
-	f.call(a),k=0;!(d=a.next()).done;)d=d.value,f=b+Q(d,k++),g+=P(d,f,e,c);else"object"===d&&(e=""+a,y("31","[object Object]"===e?"object with keys {"+Object.keys(a).join(", ")+"}":e,""));return g}function Q(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function R(a,b){a.func.call(a.context,b,a.count++)}
-	function S(a,b,e){var c=a.result,d=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?T(a,c,e,p.thatReturnsArgument):null!=a&&(K(a)&&(b=d+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(L,"$\x26/")+"/")+e,a={$$typeof:r,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}),c.push(a))}function T(a,b,e,c,d){var g="";null!=e&&(g=(""+e).replace(L,"$\x26/")+"/");b=N(b,g,c,d);null==a||P(a,"",S,b);O(b)}
-	var U={Children:{map:function(a,b,e){if(null==a)return a;var c=[];T(a,c,null,b,e);return c},forEach:function(a,b,e){if(null==a)return a;b=N(null,null,b,e);null==a||P(a,"",R,b);O(b)},count:function(a){return null==a?0:P(a,"",p.thatReturnsNull,null)},toArray:function(a){var b=[];T(a,b,null,p.thatReturnsArgument);return b},only:function(a){K(a)?void 0:y("143");return a}},Component:A,PureComponent:B,unstable_AsyncComponent:E,Fragment:w,createElement:J,cloneElement:function(a,b,e){var c=m({},a.props),
-	d=a.key,g=a.ref,k=a._owner;if(null!=b){void 0!==b.ref&&(g=b.ref,k=G.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var f=a.type.defaultProps;for(h in b)H.call(b,h)&&!I.hasOwnProperty(h)&&(c[h]=void 0===b[h]&&void 0!==f?f[h]:b[h])}var h=arguments.length-2;if(1===h)c.children=e;else if(1<h){f=Array(h);for(var l=0;l<h;l++)f[l]=arguments[l+2];c.children=f}return{$$typeof:r,type:a.type,key:d,ref:g,props:c,_owner:k}},createFactory:function(a){var b=J.bind(null,a);b.type=a;return b},
-	isValidElement:K,version:"16.2.0",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:G,assign:m}},V=Object.freeze({default:U}),W=V&&U||V;module.exports=W["default"]?W["default"]:W;
+	'use strict';var m=__webpack_require__(4),n=__webpack_require__(5),p=__webpack_require__(6),q=__webpack_require__(7),r="function"===typeof Symbol&&Symbol["for"],t=r?Symbol["for"]("react.element"):60103,u=r?Symbol["for"]("react.portal"):60106,v=r?Symbol["for"]("react.fragment"):60107,w=r?Symbol["for"]("react.strict_mode"):60108,x=r?Symbol["for"]("react.provider"):60109,y=r?Symbol["for"]("react.context"):60110,z=r?Symbol["for"]("react.async_mode"):60111,A=r?Symbol["for"]("react.forward_ref"):
+	60112,B="function"===typeof Symbol&&Symbol.iterator;function C(a){for(var b=arguments.length-1,e="http://reactjs.org/docs/error-decoder.html?invariant\x3d"+a,c=0;c<b;c++)e+="\x26args[]\x3d"+encodeURIComponent(arguments[c+1]);n(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",e)}var D={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};
+	function E(a,b,e){this.props=a;this.context=b;this.refs=p;this.updater=e||D}E.prototype.isReactComponent={};E.prototype.setState=function(a,b){"object"!==typeof a&&"function"!==typeof a&&null!=a?C("85"):void 0;this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=p;this.updater=e||D}var H=G.prototype=new F;
+	H.constructor=G;m(H,E.prototype);H.isPureReactComponent=!0;var I={current:null},J=Object.prototype.hasOwnProperty,K={key:!0,ref:!0,__self:!0,__source:!0};
+	function L(a,b,e){var c=void 0,d={},g=null,h=null;if(null!=b)for(c in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(g=""+b.key),b)J.call(b,c)&&!K.hasOwnProperty(c)&&(d[c]=b[c]);var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){for(var k=Array(f),l=0;l<f;l++)k[l]=arguments[l+2];d.children=k}if(a&&a.defaultProps)for(c in f=a.defaultProps,f)void 0===d[c]&&(d[c]=f[c]);return{$$typeof:t,type:a,key:g,ref:h,props:d,_owner:I.current}}
+	function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===t}function escape(a){var b={"\x3d":"\x3d0",":":"\x3d2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}var N=/\/+/g,O=[];function P(a,b,e,c){if(O.length){var d=O.pop();d.result=a;d.keyPrefix=b;d.func=e;d.context=c;d.count=0;return d}return{result:a,keyPrefix:b,func:e,context:c,count:0}}function Q(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>O.length&&O.push(a)}
+	function R(a,b,e,c){var d=typeof a;if("undefined"===d||"boolean"===d)a=null;var g=!1;if(null===a)g=!0;else switch(d){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case t:case u:g=!0}}if(g)return e(c,a,""===b?"."+S(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var h=0;h<a.length;h++){d=a[h];var f=b+S(d,h);g+=R(d,f,e,c)}else if(null===a||"undefined"===typeof a?f=null:(f=B&&a[B]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=f.call(a),
+	h=0;!(d=a.next()).done;)d=d.value,f=b+S(d,h++),g+=R(d,f,e,c);else"object"===d&&(e=""+a,C("31","[object Object]"===e?"object with keys {"+Object.keys(a).join(", ")+"}":e,""));return g}function S(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function T(a,b){a.func.call(a.context,b,a.count++)}
+	function U(a,b,e){var c=a.result,d=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?V(a,c,e,q.thatReturnsArgument):null!=a&&(M(a)&&(b=d+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(N,"$\x26/")+"/")+e,a={$$typeof:t,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}),c.push(a))}function V(a,b,e,c,d){var g="";null!=e&&(g=(""+e).replace(N,"$\x26/")+"/");b=P(b,g,c,d);null==a||R(a,"",U,b);Q(b)}
+	var W={Children:{map:function(a,b,e){if(null==a)return a;var c=[];V(a,c,null,b,e);return c},forEach:function(a,b,e){if(null==a)return a;b=P(null,null,b,e);null==a||R(a,"",T,b);Q(b)},count:function(a){return null==a?0:R(a,"",q.thatReturnsNull,null)},toArray:function(a){var b=[];V(a,b,null,q.thatReturnsArgument);return b},only:function(a){M(a)?void 0:C("143");return a}},createRef:function(){return{current:null}},Component:E,PureComponent:G,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:y,
+	_calculateChangedBits:b,_defaultValue:a,_currentValue:a,_changedBits:0,Provider:null,Consumer:null};a.Provider={$$typeof:x,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:A,render:a}},Fragment:v,StrictMode:w,unstable_AsyncMode:z,createElement:L,cloneElement:function(a,b,e){null===a||void 0===a?C("267",a):void 0;var c=void 0,d=m({},a.props),g=a.key,h=a.ref,f=a._owner;if(null!=b){void 0!==b.ref&&(h=b.ref,f=I.current);void 0!==b.key&&(g=""+b.key);var k=void 0;a.type&&a.type.defaultProps&&
+	(k=a.type.defaultProps);for(c in b)J.call(b,c)&&!K.hasOwnProperty(c)&&(d[c]=void 0===b[c]&&void 0!==k?k[c]:b[c])}c=arguments.length-2;if(1===c)d.children=e;else if(1<c){k=Array(c);for(var l=0;l<c;l++)k[l]=arguments[l+2];d.children=k}return{$$typeof:t,type:a.type,key:g,ref:h,props:d,_owner:f}},createFactory:function(a){var b=L.bind(null,a);b.type=a;return b},isValidElement:M,version:"16.3.2",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:I,assign:m}},X=Object.freeze({default:W}),
+	Y=X&&W||X;module.exports=Y["default"]?Y["default"]:Y;
 
 
 /***/ }),
@@ -397,6 +398,65 @@
 
 	'use strict';
 
+	/**
+	 * Use invariant() to assert state which your program assumes to be true.
+	 *
+	 * Provide sprintf-style format (only %s is supported) and arguments
+	 * to provide information about what broke and what you were
+	 * expecting.
+	 *
+	 * The invariant message will be stripped in production, but the invariant
+	 * will remain to ensure logic does not differ in production.
+	 */
+
+	var validateFormat = function validateFormat(format) {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  validateFormat = function validateFormat(format) {
+	    if (format === undefined) {
+	      throw new Error('invariant requires an error message argument');
+	    }
+	  };
+	}
+
+	function invariant(condition, format, a, b, c, d, e, f) {
+	  validateFormat(format);
+
+	  if (!condition) {
+	    var error;
+	    if (format === undefined) {
+	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+	    } else {
+	      var args = [a, b, c, d, e, f];
+	      var argIndex = 0;
+	      error = new Error(format.replace(/%s/g, function () {
+	        return args[argIndex++];
+	      }));
+	      error.name = 'Invariant Violation';
+	    }
+
+	    error.framesToPop = 1; // we don't care about invariant's own frame
+	    throw error;
+	  }
+	}
+
+	module.exports = invariant;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 *
+	 * This source code is licensed under the MIT license found in the
+	 * LICENSE file in the root directory of this source tree.
+	 *
+	 */
+
+	'use strict';
+
 	var emptyObject = {};
 
 	if (process.env.NODE_ENV !== 'production') {
@@ -407,7 +467,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 6 */
+/* 7 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -448,10 +508,10 @@
 	module.exports = emptyFunction;
 
 /***/ }),
-/* 7 */
+/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.2.0
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.3.2
 	 * react.development.js
 	 *
 	 * Copyright (c) 2013-present, Facebook, Inc.
@@ -469,15 +529,15 @@
 	'use strict';
 
 	var _assign = __webpack_require__(4);
-	var emptyObject = __webpack_require__(5);
-	var invariant = __webpack_require__(8);
+	var invariant = __webpack_require__(5);
+	var emptyObject = __webpack_require__(6);
 	var warning = __webpack_require__(9);
-	var emptyFunction = __webpack_require__(6);
+	var emptyFunction = __webpack_require__(7);
 	var checkPropTypes = __webpack_require__(10);
 
 	// TODO: this is special because it gets imported during build.
 
-	var ReactVersion = '16.2.0';
+	var ReactVersion = '16.3.2';
 
 	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 	// nor polyfill, then a plain number is used for performance.
@@ -488,6 +548,11 @@
 	var REACT_RETURN_TYPE = hasSymbol ? Symbol['for']('react.return') : 0xeac9;
 	var REACT_PORTAL_TYPE = hasSymbol ? Symbol['for']('react.portal') : 0xeaca;
 	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol['for']('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol['for']('react.strict_mode') : 0xeacc;
+	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol['for']('react.provider') : 0xeacd;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol['for']('react.context') : 0xeace;
+	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol['for']('react.async_mode') : 0xeacf;
+	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol['for']('react.forward_ref') : 0xead0;
 
 	var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 	var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -503,12 +568,8 @@
 	  return null;
 	}
 
-	/**
-	 * WARNING: DO NOT manually require this module.
-	 * This is a replacement for `invariant(...)` used by the error code system
-	 * and will _only_ be required by the corresponding babel pass.
-	 * It always throws.
-	 */
+	// Relying on the `invariant()` implementation lets us
+	// have preserve the format and params in the www builds.
 
 	/**
 	 * Forked from fbjs/warning:
@@ -567,13 +628,13 @@
 
 	function warnNoop(publicInstance, callerName) {
 	  {
-	    var constructor = publicInstance.constructor;
-	    var componentName = constructor && (constructor.displayName || constructor.name) || 'ReactClass';
+	    var _constructor = publicInstance.constructor;
+	    var componentName = _constructor && (_constructor.displayName || _constructor.name) || 'ReactClass';
 	    var warningKey = componentName + '.' + callerName;
 	    if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
 	      return;
 	    }
-	    warning(false, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op.\n\nPlease check the code for the %s component.', callerName, callerName, componentName);
+	    warning(false, "Can't call %s on a component that is not yet mounted. " + 'This is a no-op, but it might indicate a bug in your application. ' + 'Instead, assign to `this.state` directly or define a `state = {};` ' + 'class property with the desired state in the %s component.', callerName, componentName);
 	    didWarnStateUpdateForUnmountedComponent[warningKey] = true;
 	  }
 	}
@@ -733,46 +794,36 @@
 	  }
 	}
 
+	function ComponentDummy() {}
+	ComponentDummy.prototype = Component.prototype;
+
 	/**
-	 * Base class helpers for the updating state of a component.
+	 * Convenience component with default shallow equality check for sCU.
 	 */
 	function PureComponent(props, context, updater) {
-	  // Duplicated from Component.
 	  this.props = props;
 	  this.context = context;
 	  this.refs = emptyObject;
-	  // We initialize the default updater but the real one gets injected by the
-	  // renderer.
 	  this.updater = updater || ReactNoopUpdateQueue;
 	}
 
-	function ComponentDummy() {}
-	ComponentDummy.prototype = Component.prototype;
 	var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
 	pureComponentPrototype.constructor = PureComponent;
 	// Avoid an extra prototype jump for these methods.
 	_assign(pureComponentPrototype, Component.prototype);
 	pureComponentPrototype.isPureReactComponent = true;
 
-	function AsyncComponent(props, context, updater) {
-	  // Duplicated from Component.
-	  this.props = props;
-	  this.context = context;
-	  this.refs = emptyObject;
-	  // We initialize the default updater but the real one gets injected by the
-	  // renderer.
-	  this.updater = updater || ReactNoopUpdateQueue;
+	// an immutable object with a single mutable value
+	function createRef() {
+	  var refObject = {
+	    current: null
+	  };
+	  {
+	    Object.seal(refObject);
+	  }
+	  return refObject;
 	}
 
-	var asyncComponentPrototype = AsyncComponent.prototype = new ComponentDummy();
-	asyncComponentPrototype.constructor = AsyncComponent;
-	// Avoid an extra prototype jump for these methods.
-	_assign(asyncComponentPrototype, Component.prototype);
-	asyncComponentPrototype.unstable_isAsyncReactComponent = true;
-	asyncComponentPrototype.render = function () {
-	  return this.props.children;
-	};
-
 	/**
 	 * Keeps track of the current owner.
 	 *
@@ -796,8 +847,8 @@
 	  __source: true
 	};
 
-	var specialPropKeyWarningShown;
-	var specialPropRefWarningShown;
+	var specialPropKeyWarningShown = void 0;
+	var specialPropRefWarningShown = void 0;
 
 	function hasValidRef(config) {
 	  {
@@ -873,7 +924,7 @@
 	 */
 	var ReactElement = function (type, key, ref, self, source, owner, props) {
 	  var element = {
-	    // This tag allow us to uniquely identify this as a React Element
+	    // This tag allows us to uniquely identify this as a React Element
 	    $$typeof: REACT_ELEMENT_TYPE,
 
 	    // Built-in properties that belong on the element
@@ -932,7 +983,7 @@
 	 * See https://reactjs.org/docs/react-api.html#createelement
 	 */
 	function createElement(type, config, children) {
-	  var propName;
+	  var propName = void 0;
 
 	  // Reserved names are extracted
 	  var props = {};
@@ -1020,7 +1071,9 @@
 	 * See https://reactjs.org/docs/react-api.html#cloneelement
 	 */
 	function cloneElement(element, config, children) {
-	  var propName;
+	  !!(element === null || element === undefined) ? invariant(false, 'React.cloneElement(...): The argument must be a React element, but you passed %s.', element) : void 0;
+
+	  var propName = void 0;
 
 	  // Original props are copied
 	  var props = _assign({}, element.props);
@@ -1049,7 +1102,7 @@
 	    }
 
 	    // Remaining properties override existing props
-	    var defaultProps;
+	    var defaultProps = void 0;
 	    if (element.type && element.type.defaultProps) {
 	      defaultProps = element.type.defaultProps;
 	    }
@@ -1203,8 +1256,6 @@
 	      case 'object':
 	        switch (children.$$typeof) {
 	          case REACT_ELEMENT_TYPE:
-	          case REACT_CALL_TYPE:
-	          case REACT_RETURN_TYPE:
 	          case REACT_PORTAL_TYPE:
 	            invokeCallback = true;
 	        }
@@ -1219,8 +1270,8 @@
 	    return 1;
 	  }
 
-	  var child;
-	  var nextName;
+	  var child = void 0;
+	  var nextName = void 0;
 	  var subtreeCount = 0; // Count of children found in the current subtree.
 	  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
@@ -1236,13 +1287,13 @@
 	      {
 	        // Warn about using Maps as children
 	        if (iteratorFn === children.entries) {
-	          warning(didWarnAboutMaps, 'Using Maps as children is unsupported and will likely yield ' + 'unexpected results. Convert it to a sequence/iterable of keyed ' + 'ReactElements instead.%s', ReactDebugCurrentFrame.getStackAddendum());
+	          !didWarnAboutMaps ? warning(false, 'Using Maps as children is unsupported and will likely yield ' + 'unexpected results. Convert it to a sequence/iterable of keyed ' + 'ReactElements instead.%s', ReactDebugCurrentFrame.getStackAddendum()) : void 0;
 	          didWarnAboutMaps = true;
 	        }
 	      }
 
 	      var iterator = iteratorFn.call(children);
-	      var step;
+	      var step = void 0;
 	      var ii = 0;
 	      while (!(step = iterator.next()).done) {
 	        child = step.value;
@@ -1429,18 +1480,85 @@
 	  return children;
 	}
 
+	function createContext(defaultValue, calculateChangedBits) {
+	  if (calculateChangedBits === undefined) {
+	    calculateChangedBits = null;
+	  } else {
+	    {
+	      !(calculateChangedBits === null || typeof calculateChangedBits === 'function') ? warning(false, 'createContext: Expected the optional second argument to be a ' + 'function. Instead received: %s', calculateChangedBits) : void 0;
+	    }
+	  }
+
+	  var context = {
+	    $$typeof: REACT_CONTEXT_TYPE,
+	    _calculateChangedBits: calculateChangedBits,
+	    _defaultValue: defaultValue,
+	    _currentValue: defaultValue,
+	    _changedBits: 0,
+	    // These are circular
+	    Provider: null,
+	    Consumer: null
+	  };
+
+	  context.Provider = {
+	    $$typeof: REACT_PROVIDER_TYPE,
+	    _context: context
+	  };
+	  context.Consumer = context;
+
+	  {
+	    context._currentRenderer = null;
+	  }
+
+	  return context;
+	}
+
+	function forwardRef(render) {
+	  {
+	    !(typeof render === 'function') ? warning(false, 'forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render) : void 0;
+	  }
+
+	  return {
+	    $$typeof: REACT_FORWARD_REF_TYPE,
+	    render: render
+	  };
+	}
+
 	var describeComponentFrame = function (name, source, ownerName) {
 	  return '\n    in ' + (name || 'Unknown') + (source ? ' (at ' + source.fileName.replace(/^.*[\\\/]/, '') + ':' + source.lineNumber + ')' : ownerName ? ' (created by ' + ownerName + ')' : '');
 	};
 
+	function isValidElementType(type) {
+	  return typeof type === 'string' || typeof type === 'function' ||
+	  // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+	  type === REACT_FRAGMENT_TYPE || type === REACT_ASYNC_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+	}
+
 	function getComponentName(fiber) {
 	  var type = fiber.type;
 
+	  if (typeof type === 'function') {
+	    return type.displayName || type.name;
+	  }
 	  if (typeof type === 'string') {
 	    return type;
 	  }
-	  if (typeof type === 'function') {
-	    return type.displayName || type.name;
+	  switch (type) {
+	    case REACT_FRAGMENT_TYPE:
+	      return 'ReactFragment';
+	    case REACT_PORTAL_TYPE:
+	      return 'ReactPortal';
+	    case REACT_CALL_TYPE:
+	      return 'ReactCall';
+	    case REACT_RETURN_TYPE:
+	      return 'ReactReturn';
+	  }
+	  if (typeof type === 'object' && type !== null) {
+	    switch (type.$$typeof) {
+	      case REACT_FORWARD_REF_TYPE:
+	        var functionName = type.render.displayName || type.render.name || '';
+	        return functionName !== '' ? 'ForwardRef(' + functionName + ')' : 'ForwardRef';
+	    }
 	  }
 	  return null;
 	}
@@ -1452,12 +1570,18 @@
 	 * that support it.
 	 */
 
+	var currentlyValidatingElement = void 0;
+	var propTypesMisspellWarningShown = void 0;
+
+	var getDisplayName = function () {};
+	var getStackAddendum = function () {};
+
 	{
-	  var currentlyValidatingElement = null;
+	  currentlyValidatingElement = null;
 
-	  var propTypesMisspellWarningShown = false;
+	  propTypesMisspellWarningShown = false;
 
-	  var getDisplayName = function (element) {
+	  getDisplayName = function (element) {
 	    if (element == null) {
 	      return '#empty';
 	    } else if (typeof element === 'string' || typeof element === 'number') {
@@ -1471,7 +1595,7 @@
 	    }
 	  };
 
-	  var getStackAddendum = function () {
+	  getStackAddendum = function () {
 	    var stack = '';
 	    if (currentlyValidatingElement) {
 	      var name = getDisplayName(currentlyValidatingElement);
@@ -1481,8 +1605,6 @@
 	    stack += ReactDebugCurrentFrame.getStackAddendum() || '';
 	    return stack;
 	  };
-
-	  var VALID_FRAGMENT_PROPS = new Map([['children', true], ['key', true]]);
 	}
 
 	function getDeclarationErrorAddendum() {
@@ -1595,7 +1717,7 @@
 	      // but now we print a separate warning for them later.
 	      if (iteratorFn !== node.entries) {
 	        var iterator = iteratorFn.call(node);
-	        var step;
+	        var step = void 0;
 	        while (!(step = iterator.next()).done) {
 	          if (isValidElement(step.value)) {
 	            validateExplicitKey(step.value, parentType);
@@ -1628,7 +1750,7 @@
 	    warning(false, 'Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', name || 'Unknown');
 	  }
 	  if (typeof componentClass.getDefaultProps === 'function') {
-	    warning(componentClass.getDefaultProps.isReactClassApproved, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+	    !componentClass.getDefaultProps.isReactClassApproved ? warning(false, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
 	  }
 	}
 
@@ -1639,31 +1761,12 @@
 	function validateFragmentProps(fragment) {
 	  currentlyValidatingElement = fragment;
 
-	  var _iteratorNormalCompletion = true;
-	  var _didIteratorError = false;
-	  var _iteratorError = undefined;
-
-	  try {
-	    for (var _iterator = Object.keys(fragment.props)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-	      var key = _step.value;
-
-	      if (!VALID_FRAGMENT_PROPS.has(key)) {
-	        warning(false, 'Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.%s', key, getStackAddendum());
-	        break;
-	      }
-	    }
-	  } catch (err) {
-	    _didIteratorError = true;
-	    _iteratorError = err;
-	  } finally {
-	    try {
-	      if (!_iteratorNormalCompletion && _iterator['return']) {
-	        _iterator['return']();
-	      }
-	    } finally {
-	      if (_didIteratorError) {
-	        throw _iteratorError;
-	      }
+	  var keys = Object.keys(fragment.props);
+	  for (var i = 0; i < keys.length; i++) {
+	    var key = keys[i];
+	    if (key !== 'children' && key !== 'key') {
+	      warning(false, 'Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.%s', key, getStackAddendum());
+	      break;
 	    }
 	  }
 
@@ -1675,7 +1778,8 @@
 	}
 
 	function createElementWithValidation(type, props, children) {
-	  var validType = typeof type === 'string' || typeof type === 'function' || typeof type === 'symbol' || typeof type === 'number';
+	  var validType = isValidElementType(type);
+
 	  // We warn in this case but don't throw. We expect the element creation to
 	  // succeed and there will likely be errors in render.
 	  if (!validType) {
@@ -1693,7 +1797,16 @@
 
 	    info += getStackAddendum() || '';
 
-	    warning(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', type == null ? type : typeof type, info);
+	    var typeString = void 0;
+	    if (type === null) {
+	      typeString = 'null';
+	    } else if (Array.isArray(type)) {
+	      typeString = 'array';
+	    } else {
+	      typeString = typeof type;
+	    }
+
+	    warning(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
 	  }
 
 	  var element = createElement.apply(this, arguments);
@@ -1715,7 +1828,7 @@
 	    }
 	  }
 
-	  if (typeof type === 'symbol' && type === REACT_FRAGMENT_TYPE) {
+	  if (type === REACT_FRAGMENT_TYPE) {
 	    validateFragmentProps(element);
 	  } else {
 	    validatePropTypes(element);
@@ -1726,9 +1839,8 @@
 
 	function createFactoryWithValidation(type) {
 	  var validatedFactory = createElementWithValidation.bind(null, type);
-	  // Legacy hook TODO: Warn if this is accessed
 	  validatedFactory.type = type;
-
+	  // Legacy hook: remove it
 	  {
 	    Object.defineProperty(validatedFactory, 'type', {
 	      enumerable: false,
@@ -1763,11 +1875,16 @@
 	    only: onlyChild
 	  },
 
+	  createRef: createRef,
 	  Component: Component,
 	  PureComponent: PureComponent,
-	  unstable_AsyncComponent: AsyncComponent,
+
+	  createContext: createContext,
+	  forwardRef: forwardRef,
 
 	  Fragment: REACT_FRAGMENT_TYPE,
+	  StrictMode: REACT_STRICT_MODE_TYPE,
+	  unstable_AsyncMode: REACT_ASYNC_MODE_TYPE,
 
 	  createElement: createElementWithValidation,
 	  cloneElement: cloneElementWithValidation,
@@ -1811,65 +1928,6 @@
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {/**
-	 * Copyright (c) 2013-present, Facebook, Inc.
-	 *
-	 * This source code is licensed under the MIT license found in the
-	 * LICENSE file in the root directory of this source tree.
-	 *
-	 */
-
-	'use strict';
-
-	/**
-	 * Use invariant() to assert state which your program assumes to be true.
-	 *
-	 * Provide sprintf-style format (only %s is supported) and arguments
-	 * to provide information about what broke and what you were
-	 * expecting.
-	 *
-	 * The invariant message will be stripped in production, but the invariant
-	 * will remain to ensure logic does not differ in production.
-	 */
-
-	var validateFormat = function validateFormat(format) {};
-
-	if (process.env.NODE_ENV !== 'production') {
-	  validateFormat = function validateFormat(format) {
-	    if (format === undefined) {
-	      throw new Error('invariant requires an error message argument');
-	    }
-	  };
-	}
-
-	function invariant(condition, format, a, b, c, d, e, f) {
-	  validateFormat(format);
-
-	  if (!condition) {
-	    var error;
-	    if (format === undefined) {
-	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-	    } else {
-	      var args = [a, b, c, d, e, f];
-	      var argIndex = 0;
-	      error = new Error(format.replace(/%s/g, function () {
-	        return args[argIndex++];
-	      }));
-	      error.name = 'Invariant Violation';
-	    }
-
-	    error.framesToPop = 1; // we don't care about invariant's own frame
-	    throw error;
-	  }
-	}
-
-	module.exports = invariant;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
-
 /***/ }),
 /* 9 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1884,7 +1942,7 @@
 
 	'use strict';
 
-	var emptyFunction = __webpack_require__(6);
+	var emptyFunction = __webpack_require__(7);
 
 	/**
 	 * Similar to invariant but only logs a warning if the condition is not met.
@@ -1951,11 +2009,24 @@
 
 	'use strict';
 
+	var printWarning = function() {};
+
 	if (process.env.NODE_ENV !== 'production') {
-	  var invariant = __webpack_require__(8);
-	  var warning = __webpack_require__(9);
 	  var ReactPropTypesSecret = __webpack_require__(11);
 	  var loggedTypeFailures = {};
+
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
 	}
 
 	/**
@@ -1980,12 +2051,29 @@
 	        try {
 	          // This is intentionally an invariant that gets caught. It's the same
 	          // behavior as without this statement except with a better message.
-	          invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName || 'React class', location, typeSpecName, typeof typeSpecs[typeSpecName]);
+	          if (typeof typeSpecs[typeSpecName] !== 'function') {
+	            var err = Error(
+	              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
+	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+	            );
+	            err.name = 'Invariant Violation';
+	            throw err;
+	          }
 	          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
 	        } catch (ex) {
 	          error = ex;
 	        }
-	        warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);
+	        if (error && !(error instanceof Error)) {
+	          printWarning(
+	            (componentName || 'React class') + ': type specification of ' +
+	            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
+	            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
+	            'You may have forgotten to pass an argument to the type checker ' +
+	            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+	            'shape all require an argument).'
+	          )
+
+	        }
 	        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
 	          // Only monitor this failure once because there tends to be a lot of the
 	          // same error.
@@ -1993,7 +2081,9 @@
 
 	          var stack = getStack ? getStack() : '';
 
-	          warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
+	          printWarning(
+	            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+	          );
 	        }
 	      }
 	    }
@@ -2032,9 +2122,7 @@
 /* 18 */,
 /* 19 */,
 /* 20 */,
-/* 21 */,
-/* 22 */,
-/* 23 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/**
@@ -2048,7 +2136,7 @@
 
 	'use strict';
 
-	var hyphenate = __webpack_require__(24);
+	var hyphenate = __webpack_require__(22);
 
 	var msPattern = /^ms-/;
 
@@ -2075,7 +2163,7 @@
 	module.exports = hyphenateStyleName;
 
 /***/ }),
-/* 24 */
+/* 22 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -2110,7 +2198,7 @@
 	module.exports = hyphenate;
 
 /***/ }),
-/* 25 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/**
@@ -2124,7 +2212,7 @@
 
 	'use strict';
 
-	var camelize = __webpack_require__(26);
+	var camelize = __webpack_require__(24);
 
 	var msPattern = /^-ms-/;
 
@@ -2152,7 +2240,7 @@
 	module.exports = camelizeStyleName;
 
 /***/ }),
-/* 26 */
+/* 24 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -2186,7 +2274,7 @@
 	module.exports = camelize;
 
 /***/ }),
-/* 27 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/**
@@ -2200,7 +2288,7 @@
 	'use strict';
 
 	var React = __webpack_require__(1);
-	var factory = __webpack_require__(28);
+	var factory = __webpack_require__(26);
 
 	if (typeof React === 'undefined') {
 	  throw Error(
@@ -2220,7 +2308,7 @@
 
 
 /***/ }),
-/* 28 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -2235,8 +2323,8 @@
 
 	var _assign = __webpack_require__(4);
 
-	var emptyObject = __webpack_require__(5);
-	var _invariant = __webpack_require__(8);
+	var emptyObject = __webpack_require__(6);
+	var _invariant = __webpack_require__(5);
 
 	if (process.env.NODE_ENV !== 'production') {
 	  var warning = __webpack_require__(9);
@@ -3153,7 +3241,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 29 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -3178,17 +3266,17 @@
 	  // By explicitly using `prop-types` you are opting into new development behavior.
 	  // http://fb.me/prop-types-in-prod
 	  var throwOnDirectAccess = true;
-	  module.exports = __webpack_require__(30)(isValidElement, throwOnDirectAccess);
+	  module.exports = __webpack_require__(28)(isValidElement, throwOnDirectAccess);
 	} else {
 	  // By explicitly using `prop-types` you are opting into new production behavior.
 	  // http://fb.me/prop-types-in-prod
-	  module.exports = __webpack_require__(31)();
+	  module.exports = __webpack_require__(29)();
 	}
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 30 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -3200,14 +3288,32 @@
 
 	'use strict';
 
-	var emptyFunction = __webpack_require__(6);
-	var invariant = __webpack_require__(8);
-	var warning = __webpack_require__(9);
 	var assign = __webpack_require__(4);
 
 	var ReactPropTypesSecret = __webpack_require__(11);
 	var checkPropTypes = __webpack_require__(10);
 
+	var printWarning = function() {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
+	}
+
+	function emptyFunctionThatReturnsNull() {
+	  return null;
+	}
+
 	module.exports = function(isValidElement, throwOnDirectAccess) {
 	  /* global Symbol */
 	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
@@ -3350,12 +3456,13 @@
 	      if (secret !== ReactPropTypesSecret) {
 	        if (throwOnDirectAccess) {
 	          // New behavior only for users of `prop-types` package
-	          invariant(
-	            false,
+	          var err = new Error(
 	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
 	            'Use `PropTypes.checkPropTypes()` to call them. ' +
 	            'Read more at http://fb.me/use-check-prop-types'
 	          );
+	          err.name = 'Invariant Violation';
+	          throw err;
 	        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
 	          // Old behavior for people using React.PropTypes
 	          var cacheKey = componentName + ':' + propName;
@@ -3364,15 +3471,12 @@
 	            // Avoid spamming the console because they are often not actionable except for lib authors
 	            manualPropTypeWarningCount < 3
 	          ) {
-	            warning(
-	              false,
+	            printWarning(
 	              'You are manually calling a React.PropTypes validation ' +
-	              'function for the `%s` prop on `%s`. This is deprecated ' +
+	              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
 	              'and will throw in the standalone `prop-types` package. ' +
 	              'You may be seeing this warning due to a third-party PropTypes ' +
-	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',
-	              propFullName,
-	              componentName
+	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
 	            );
 	            manualPropTypeCallCache[cacheKey] = true;
 	            manualPropTypeWarningCount++;
@@ -3416,7 +3520,7 @@
 	  }
 
 	  function createAnyTypeChecker() {
-	    return createChainableTypeChecker(emptyFunction.thatReturnsNull);
+	    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
 	  }
 
 	  function createArrayOfTypeChecker(typeChecker) {
@@ -3466,8 +3570,8 @@
 
 	  function createEnumTypeChecker(expectedValues) {
 	    if (!Array.isArray(expectedValues)) {
-	      process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
-	      return emptyFunction.thatReturnsNull;
+	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
+	      return emptyFunctionThatReturnsNull;
 	    }
 
 	    function validate(props, propName, componentName, location, propFullName) {
@@ -3509,21 +3613,18 @@
 
 	  function createUnionTypeChecker(arrayOfTypeCheckers) {
 	    if (!Array.isArray(arrayOfTypeCheckers)) {
-	      process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-	      return emptyFunction.thatReturnsNull;
+	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+	      return emptyFunctionThatReturnsNull;
 	    }
 
 	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
 	      var checker = arrayOfTypeCheckers[i];
 	      if (typeof checker !== 'function') {
-	        warning(
-	          false,
+	        printWarning(
 	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-	          'received %s at index %s.',
-	          getPostfixForTypeWarning(checker),
-	          i
+	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
 	        );
-	        return emptyFunction.thatReturnsNull;
+	        return emptyFunctionThatReturnsNull;
 	      }
 	    }
 
@@ -3737,7 +3838,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 31 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/**
@@ -3749,22 +3850,23 @@
 
 	'use strict';
 
-	var emptyFunction = __webpack_require__(6);
-	var invariant = __webpack_require__(8);
 	var ReactPropTypesSecret = __webpack_require__(11);
 
+	function emptyFunction() {}
+
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
 	    if (secret === ReactPropTypesSecret) {
 	      // It is still safe when called from React.
 	      return;
 	    }
-	    invariant(
-	      false,
+	    var err = new Error(
 	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
 	      'Use PropTypes.checkPropTypes() to call them. ' +
 	      'Read more at http://fb.me/use-check-prop-types'
 	    );
+	    err.name = 'Invariant Violation';
+	    throw err;
 	  };
 	  shim.isRequired = shim;
 	  function getShim() {
@@ -3801,24 +3903,24 @@
 
 
 /***/ }),
-/* 32 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
 
 	if (process.env.NODE_ENV === 'production') {
-	  module.exports = __webpack_require__(33);
+	  module.exports = __webpack_require__(31);
 	} else {
-	  module.exports = __webpack_require__(35);
+	  module.exports = __webpack_require__(33);
 	}
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 33 */
+/* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.2.0
+	/** @license React v16.3.2
 	 * react-dom-server.browser.production.min.js
 	 *
 	 * Copyright (c) 2013-present, Facebook, Inc.
@@ -3827,43 +3929,42 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';var h=__webpack_require__(4),n=__webpack_require__(1),aa=__webpack_require__(6),t=__webpack_require__(5),ba=__webpack_require__(23),ca=__webpack_require__(34);
-	function w(a){for(var b=arguments.length-1,g="Minified React error #"+a+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant\x3d"+a,c=0;c<b;c++)g+="\x26args[]\x3d"+encodeURIComponent(arguments[c+1]);b=Error(g+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.");b.name="Invariant Violation";b.framesToPop=1;throw b;}
-	var x={children:!0,dangerouslySetInnerHTML:!0,defaultValue:!0,defaultChecked:!0,innerHTML:!0,suppressContentEditableWarning:!0,suppressHydrationWarning:!0,style:!0};function z(a,b){return(a&b)===b}
-	var B={MUST_USE_PROPERTY:1,HAS_BOOLEAN_VALUE:4,HAS_NUMERIC_VALUE:8,HAS_POSITIVE_NUMERIC_VALUE:24,HAS_OVERLOADED_BOOLEAN_VALUE:32,HAS_STRING_BOOLEAN_VALUE:64,injectDOMPropertyConfig:function(a){var b=B,g=a.Properties||{},c=a.DOMAttributeNamespaces||{},k=a.DOMAttributeNames||{};a=a.DOMMutationMethods||{};for(var f in g){C.hasOwnProperty(f)?w("48",f):void 0;var e=f.toLowerCase(),d=g[f];e={attributeName:e,attributeNamespace:null,propertyName:f,mutationMethod:null,mustUseProperty:z(d,b.MUST_USE_PROPERTY),
-	hasBooleanValue:z(d,b.HAS_BOOLEAN_VALUE),hasNumericValue:z(d,b.HAS_NUMERIC_VALUE),hasPositiveNumericValue:z(d,b.HAS_POSITIVE_NUMERIC_VALUE),hasOverloadedBooleanValue:z(d,b.HAS_OVERLOADED_BOOLEAN_VALUE),hasStringBooleanValue:z(d,b.HAS_STRING_BOOLEAN_VALUE)};1>=e.hasBooleanValue+e.hasNumericValue+e.hasOverloadedBooleanValue?void 0:w("50",f);k.hasOwnProperty(f)&&(e.attributeName=k[f]);c.hasOwnProperty(f)&&(e.attributeNamespace=c[f]);a.hasOwnProperty(f)&&(e.mutationMethod=a[f]);C[f]=e}}},C={};
-	function da(a,b){if(x.hasOwnProperty(a)||2<a.length&&("o"===a[0]||"O"===a[0])&&("n"===a[1]||"N"===a[1]))return!1;if(null===b)return!0;switch(typeof b){case "boolean":return D(a);case "undefined":case "number":case "string":case "object":return!0;default:return!1}}function E(a){return C.hasOwnProperty(a)?C[a]:null}
-	function D(a){if(x.hasOwnProperty(a))return!0;var b=E(a);if(b)return b.hasBooleanValue||b.hasStringBooleanValue||b.hasOverloadedBooleanValue;a=a.toLowerCase().slice(0,5);return"data-"===a||"aria-"===a}
-	var F=B,G=F.MUST_USE_PROPERTY,H=F.HAS_BOOLEAN_VALUE,I=F.HAS_NUMERIC_VALUE,J=F.HAS_POSITIVE_NUMERIC_VALUE,K=F.HAS_OVERLOADED_BOOLEAN_VALUE,L=F.HAS_STRING_BOOLEAN_VALUE,ea={Properties:{allowFullScreen:H,async:H,autoFocus:H,autoPlay:H,capture:K,checked:G|H,cols:J,contentEditable:L,controls:H,"default":H,defer:H,disabled:H,download:K,draggable:L,formNoValidate:H,hidden:H,loop:H,multiple:G|H,muted:G|H,noValidate:H,open:H,playsInline:H,readOnly:H,required:H,reversed:H,rows:J,rowSpan:I,scoped:H,seamless:H,
-	selected:G|H,size:J,start:I,span:J,spellCheck:L,style:0,tabIndex:0,itemScope:H,acceptCharset:0,className:0,htmlFor:0,httpEquiv:0,value:L},DOMAttributeNames:{acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"},DOMMutationMethods:{value:function(a,b){if(null==b)return a.removeAttribute("value");"number"!==a.type||!1===a.hasAttribute("value")?a.setAttribute("value",""+b):a.validity&&!a.validity.badInput&&a.ownerDocument.activeElement!==a&&a.setAttribute("value",""+
-	b)}}},M=F.HAS_STRING_BOOLEAN_VALUE,N={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"},O={Properties:{autoReverse:M,externalResourcesRequired:M,preserveAlpha:M},DOMAttributeNames:{autoReverse:"autoReverse",externalResourcesRequired:"externalResourcesRequired",preserveAlpha:"preserveAlpha"},DOMAttributeNamespaces:{xlinkActuate:N.xlink,xlinkArcrole:N.xlink,xlinkHref:N.xlink,xlinkRole:N.xlink,xlinkShow:N.xlink,xlinkTitle:N.xlink,xlinkType:N.xlink,xmlBase:N.xml,xmlLang:N.xml,
-	xmlSpace:N.xml}},fa=/[\-\:]([a-z])/g;function ha(a){return a[1].toUpperCase()}
-	"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode x-height xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xmlns:xlink xml:lang xml:space".split(" ").forEach(function(a){var b=a.replace(fa,
-	ha);O.Properties[b]=0;O.DOMAttributeNames[b]=a});F.injectDOMPropertyConfig(ea);F.injectDOMPropertyConfig(O);var P="function"===typeof Symbol&&Symbol["for"]?Symbol["for"]("react.fragment"):60107,ia=/["'&<>]/;
-	function Q(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=ia.exec(a);if(b){var g="",c,k=0;for(c=b.index;c<a.length;c++){switch(a.charCodeAt(c)){case 34:b="\x26quot;";break;case 38:b="\x26amp;";break;case 39:b="\x26#x27;";break;case 60:b="\x26lt;";break;case 62:b="\x26gt;";break;default:continue}k!==c&&(g+=a.substring(k,c));k=c+1;g+=b}a=k!==c?g+a.substring(k,c):g}return a}
-	var ja=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,R={},S={};function ka(a){if(S.hasOwnProperty(a))return!0;if(R.hasOwnProperty(a))return!1;if(ja.test(a))return S[a]=!0;R[a]=!0;return!1}
-	function la(a,b){var g=E(a);if(g){if(null==b||g.hasBooleanValue&&!b||g.hasNumericValue&&isNaN(b)||g.hasPositiveNumericValue&&1>b||g.hasOverloadedBooleanValue&&!1===b)return"";var c=g.attributeName;if(g.hasBooleanValue||g.hasOverloadedBooleanValue&&!0===b)return c+'\x3d""';if("boolean"!==typeof b||D(a))return c+"\x3d"+('"'+Q(b)+'"')}else if(da(a,b))return null==b?"":a+"\x3d"+('"'+Q(b)+'"');return null}var T={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
-	function U(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}
-	var V={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},ma=h({menuitem:!0},V),W={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,
-	fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},na=["Webkit","ms","Moz","O"];Object.keys(W).forEach(function(a){na.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);W[b]=W[a]})});var X=n.Children.toArray,Y=aa.thatReturns(""),oa={listing:!0,pre:!0,textarea:!0};
-	function pa(a){return"string"===typeof a?a:"function"===typeof a?a.displayName||a.name:null}var qa=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,ra={},sa=ca(function(a){return ba(a)});function ta(a){var b="";n.Children.forEach(a,function(a){null==a||"string"!==typeof a&&"number"!==typeof a||(b+=a)});return b}function ua(a,b){if(a=a.contextTypes){var g={},c;for(c in a)g[c]=b[c];b=g}else b=t;return b}var va={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null,suppressHydrationWarning:null};
-	function wa(a,b){void 0===a&&w("152",pa(b)||"Component")}
-	function xa(a,b){for(;n.isValidElement(a);){var g=a,c=g.type;if("function"!==typeof c)break;a=ua(c,b);var k=[],f=!1,e={isMounted:function(){return!1},enqueueForceUpdate:function(){if(null===k)return null},enqueueReplaceState:function(a,b){f=!0;k=[b]},enqueueSetState:function(a,b){if(null===k)return null;k.push(b)}};if(c.prototype&&c.prototype.isReactComponent)var d=new c(g.props,a,e);else if(d=c(g.props,a,e),null==d||null==d.render){a=d;wa(a,c);continue}d.props=g.props;d.context=a;d.updater=e;e=d.state;
-	void 0===e&&(d.state=e=null);if(d.componentWillMount)if(d.componentWillMount(),k.length){e=k;var p=f;k=null;f=!1;if(p&&1===e.length)d.state=e[0];else{var q=p?e[0]:d.state,l=!0;for(p=p?1:0;p<e.length;p++){var m=e[p];if(m="function"===typeof m?m.call(d,q,g.props,a):m)l?(l=!1,q=h({},q,m)):h(q,m)}d.state=q}}else k=null;a=d.render();wa(a,c);if("function"===typeof d.getChildContext&&(g=c.childContextTypes,"object"===typeof g)){var A=d.getChildContext();for(var y in A)y in g?void 0:w("108",pa(c)||"Unknown",
-	y)}A&&(b=h({},b,A))}return{child:a,context:b}}
-	var ya=function(){function a(b,g){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");n.isValidElement(b)?b.type!==P?b=[b]:(b=b.props.children,b=n.isValidElement(b)?[b]:X(b)):b=X(b);this.stack=[{domNamespace:T.html,children:b,childIndex:0,context:t,footer:""}];this.exhausted=!1;this.currentSelectValue=null;this.previousWasTextNode=!1;this.makeStaticMarkup=g}a.prototype.read=function(a){if(this.exhausted)return null;for(var b="";b.length<a;){if(0===this.stack.length){this.exhausted=
-	!0;break}var c=this.stack[this.stack.length-1];if(c.childIndex>=c.children.length){var k=c.footer;b+=k;""!==k&&(this.previousWasTextNode=!1);this.stack.pop();"select"===c.tag&&(this.currentSelectValue=null)}else k=c.children[c.childIndex++],b+=this.render(k,c.context,c.domNamespace)}return b};a.prototype.render=function(a,g,c){if("string"===typeof a||"number"===typeof a){c=""+a;if(""===c)return"";if(this.makeStaticMarkup)return Q(c);if(this.previousWasTextNode)return"\x3c!-- --\x3e"+Q(c);this.previousWasTextNode=
-	!0;return Q(c)}g=xa(a,g);a=g.child;g=g.context;if(null===a||!1===a)return"";if(n.isValidElement(a))return a.type===P?(a=X(a.props.children),this.stack.push({domNamespace:c,children:a,childIndex:0,context:g,footer:""}),""):this.renderDOM(a,g,c);a=X(a);this.stack.push({domNamespace:c,children:a,childIndex:0,context:g,footer:""});return""};a.prototype.renderDOM=function(a,g,c){var b=a.type.toLowerCase();c===T.html&&U(b);ra.hasOwnProperty(b)||(qa.test(b)?void 0:w("65",b),ra[b]=!0);var f=a.props;if("input"===
-	b)f=h({type:void 0},f,{defaultChecked:void 0,defaultValue:void 0,value:null!=f.value?f.value:f.defaultValue,checked:null!=f.checked?f.checked:f.defaultChecked});else if("textarea"===b){var e=f.value;if(null==e){e=f.defaultValue;var d=f.children;null!=d&&(null!=e?w("92"):void 0,Array.isArray(d)&&(1>=d.length?void 0:w("93"),d=d[0]),e=""+d);null==e&&(e="")}f=h({},f,{value:void 0,children:""+e})}else if("select"===b)this.currentSelectValue=null!=f.value?f.value:f.defaultValue,f=h({},f,{value:void 0});
-	else if("option"===b){d=this.currentSelectValue;var p=ta(f.children);if(null!=d){var q=null!=f.value?f.value+"":p;e=!1;if(Array.isArray(d))for(var l=0;l<d.length;l++){if(""+d[l]===q){e=!0;break}}else e=""+d===q;f=h({selected:void 0,children:void 0},f,{selected:e,children:p})}}if(e=f)ma[b]&&(null!=e.children||null!=e.dangerouslySetInnerHTML?w("137",b,Y()):void 0),null!=e.dangerouslySetInnerHTML&&(null!=e.children?w("60"):void 0,"object"===typeof e.dangerouslySetInnerHTML&&"__html"in e.dangerouslySetInnerHTML?
-	void 0:w("61")),null!=e.style&&"object"!==typeof e.style?w("62",Y()):void 0;e=f;d=this.makeStaticMarkup;p=1===this.stack.length;q="\x3c"+a.type;for(r in e)if(e.hasOwnProperty(r)){var m=e[r];if(null!=m){if("style"===r){l=void 0;var A="",y="";for(l in m)if(m.hasOwnProperty(l)){var u=0===l.indexOf("--"),v=m[l];null!=v&&(A+=y+sa(l)+":",y=l,u=null==v||"boolean"===typeof v||""===v?"":u||"number"!==typeof v||0===v||W.hasOwnProperty(y)&&W[y]?(""+v).trim():v+"px",A+=u,y=";")}m=A||null}l=null;b:if(u=b,v=e,
-	-1===u.indexOf("-"))u="string"===typeof v.is;else switch(u){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":u=!1;break b;default:u=!0}u?va.hasOwnProperty(r)||(l=r,l=ka(l)&&null!=m?l+"\x3d"+('"'+Q(m)+'"'):""):l=la(r,m);l&&(q+=" "+l)}}d||p&&(q+=' data-reactroot\x3d""');var r=q;e="";V.hasOwnProperty(b)?r+="/\x3e":(r+="\x3e",e="\x3c/"+a.type+"\x3e");a:{d=f.dangerouslySetInnerHTML;if(null!=
-	d){if(null!=d.__html){d=d.__html;break a}}else if(d=f.children,"string"===typeof d||"number"===typeof d){d=Q(d);break a}d=null}null!=d?(f=[],oa[b]&&"\n"===d.charAt(0)&&(r+="\n"),r+=d):f=X(f.children);a=a.type;c=null==c||"http://www.w3.org/1999/xhtml"===c?U(a):"http://www.w3.org/2000/svg"===c&&"foreignObject"===a?"http://www.w3.org/1999/xhtml":c;this.stack.push({domNamespace:c,tag:b,children:f,childIndex:0,context:g,footer:e});this.previousWasTextNode=!1;return r};return a}(),za={renderToString:function(a){return(new ya(a,
-	!1)).read(Infinity)},renderToStaticMarkup:function(a){return(new ya(a,!0)).read(Infinity)},renderToNodeStream:function(){w("207")},renderToStaticNodeStream:function(){w("208")},version:"16.2.0"},Aa=Object.freeze({default:za}),Z=Aa&&za||Aa;module.exports=Z["default"]?Z["default"]:Z;
+	'use strict';var p=__webpack_require__(5),q=__webpack_require__(4),t=__webpack_require__(1),w=__webpack_require__(7),x=__webpack_require__(6),y=__webpack_require__(21),z=__webpack_require__(32);
+	function A(a){for(var b=arguments.length-1,d="http://reactjs.org/docs/error-decoder.html?invariant\x3d"+a,c=0;c<b;c++)d+="\x26args[]\x3d"+encodeURIComponent(arguments[c+1]);p(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",d)}
+	var C="function"===typeof Symbol&&Symbol["for"],aa=C?Symbol["for"]("react.call"):60104,ba=C?Symbol["for"]("react.return"):60105,ca=C?Symbol["for"]("react.portal"):60106,E=C?Symbol["for"]("react.fragment"):60107,da=C?Symbol["for"]("react.strict_mode"):60108,F=C?Symbol["for"]("react.provider"):60109,ea=C?Symbol["for"]("react.context"):60110,fa=C?Symbol["for"]("react.async_mode"):60111,ha=C?Symbol["for"]("react.forward_ref"):60112,ia=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
+	G={},H={};function ja(a){if(H.hasOwnProperty(a))return!0;if(G.hasOwnProperty(a))return!1;if(ia.test(a))return H[a]=!0;G[a]=!0;return!1}function ka(a,b,d,c){if(null!==d&&0===d.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(c)return!1;if(null!==d)return!d.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}
+	function la(a,b,d,c){if(null===b||"undefined"===typeof b||ka(a,b,d,c))return!0;if(null!==d)switch(d.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function I(a,b,d,c,k){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=k;this.mustUseProperty=d;this.propertyName=a;this.type=b}var J={};
+	"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){J[a]=new I(a,0,!1,a,null)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];J[b]=new I(b,1,!1,a[1],null)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){J[a]=new I(a,2,!1,a.toLowerCase(),null)});
+	["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(a){J[a]=new I(a,2,!1,a,null)});"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){J[a]=new I(a,3,!1,a.toLowerCase(),null)});["checked","multiple","muted","selected"].forEach(function(a){J[a]=new I(a,3,!0,a.toLowerCase(),null)});
+	["capture","download"].forEach(function(a){J[a]=new I(a,4,!1,a.toLowerCase(),null)});["cols","rows","size","span"].forEach(function(a){J[a]=new I(a,6,!1,a.toLowerCase(),null)});["rowSpan","start"].forEach(function(a){J[a]=new I(a,5,!1,a.toLowerCase(),null)});var K=/[\-:]([a-z])/g;function L(a){return a[1].toUpperCase()}
+	"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(K,
+	L);J[b]=new I(b,1,!1,a,null)});"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(K,L);J[b]=new I(b,1,!1,a,"http://www.w3.org/1999/xlink")});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(K,L);J[b]=new I(b,1,!1,a,"http://www.w3.org/XML/1998/namespace")});J.tabIndex=new I("tabIndex",1,!1,"tabindex",null);var ma=/["'&<>]/;
+	function M(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=ma.exec(a);if(b){var d="",c,k=0;for(c=b.index;c<a.length;c++){switch(a.charCodeAt(c)){case 34:b="\x26quot;";break;case 38:b="\x26amp;";break;case 39:b="\x26#x27;";break;case 60:b="\x26lt;";break;case 62:b="\x26gt;";break;default:continue}k!==c&&(d+=a.substring(k,c));k=c+1;d+=b}a=k!==c?d+a.substring(k,c):d}return a}var N={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
+	function O(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}
+	var P={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},na=q({menuitem:!0},P),Q={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,
+	fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},oa=["Webkit","ms","Moz","O"];Object.keys(Q).forEach(function(a){oa.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);Q[b]=Q[a]})});var R=t.Children.toArray,S=w.thatReturns("");w.thatReturns("");var pa={listing:!0,pre:!0,textarea:!0};
+	function T(a){return"string"===typeof a?a:"function"===typeof a?a.displayName||a.name:null}var qa=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,U={},ra=z(function(a){return y(a)});function sa(a){var b="";t.Children.forEach(a,function(a){null==a||"string"!==typeof a&&"number"!==typeof a||(b+=a)});return b}function ta(a,b){if(a=a.contextTypes){var d={},c;for(c in a)d[c]=b[c];b=d}else b=x;return b}var ua={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null,suppressHydrationWarning:null};
+	function V(a,b){void 0===a&&A("152",T(b)||"Component")}
+	function va(a,b){function d(c,k){var d=ta(k,b),f=[],h=!1,g={isMounted:function(){return!1},enqueueForceUpdate:function(){if(null===f)return null},enqueueReplaceState:function(a,b){h=!0;f=[b]},enqueueSetState:function(a,b){if(null===f)return null;f.push(b)}},e=void 0;if(k.prototype&&k.prototype.isReactComponent){if(e=new k(c.props,d,g),"function"===typeof k.getDerivedStateFromProps){var v=k.getDerivedStateFromProps.call(null,c.props,e.state);null!=v&&(e.state=q({},e.state,v))}}else if(e=k(c.props,
+	d,g),null==e||null==e.render){a=e;V(a,k);return}e.props=c.props;e.context=d;e.updater=g;g=e.state;void 0===g&&(e.state=g=null);if("function"===typeof e.UNSAFE_componentWillMount||"function"===typeof e.componentWillMount)if("function"===typeof e.componentWillMount&&"function"!==typeof k.getDerivedStateFromProps&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&"function"!==typeof k.getDerivedStateFromProps&&e.UNSAFE_componentWillMount(),f.length){g=f;var u=h;f=null;h=!1;if(u&&
+	1===g.length)e.state=g[0];else{v=u?g[0]:e.state;var m=!0;for(u=u?1:0;u<g.length;u++){var n=g[u];n="function"===typeof n?n.call(e,v,c.props,d):n;null!=n&&(m?(m=!1,v=q({},v,n)):q(v,n))}e.state=v}}else f=null;a=e.render();V(a,k);c=void 0;if("function"===typeof e.getChildContext&&(d=k.childContextTypes,"object"===typeof d)){c=e.getChildContext();for(var r in c)r in d?void 0:A("108",T(k)||"Unknown",r)}c&&(b=q({},b,c))}for(;t.isValidElement(a);){var c=a,k=c.type;if("function"!==typeof k)break;d(c,k)}return{child:a,
+	context:b}}
+	var W=function(){function a(b,d){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");t.isValidElement(b)?b.type!==E?b=[b]:(b=b.props.children,b=t.isValidElement(b)?[b]:R(b)):b=R(b);this.stack=[{type:null,domNamespace:N.html,children:b,childIndex:0,context:x,footer:""}];this.exhausted=!1;this.currentSelectValue=null;this.previousWasTextNode=!1;this.makeStaticMarkup=d;this.providerStack=[];this.providerIndex=-1}a.prototype.pushProvider=function(a){this.providerIndex+=1;
+	this.providerStack[this.providerIndex]=a;a.type._context._currentValue=a.props.value};a.prototype.popProvider=function(a){this.providerStack[this.providerIndex]=null;--this.providerIndex;a=a.type._context;a._currentValue=0>this.providerIndex?a._defaultValue:this.providerStack[this.providerIndex].props.value};a.prototype.read=function(a){if(this.exhausted)return null;for(var b="";b.length<a;){if(0===this.stack.length){this.exhausted=!0;break}var c=this.stack[this.stack.length-1];if(c.childIndex>=c.children.length){var k=
+	c.footer;b+=k;""!==k&&(this.previousWasTextNode=!1);this.stack.pop();"select"===c.type?this.currentSelectValue=null:null!=c.type&&null!=c.type.type&&c.type.type.$$typeof===F&&this.popProvider(c.type)}else k=c.children[c.childIndex++],b+=this.render(k,c.context,c.domNamespace)}return b};a.prototype.render=function(a,d,c){if("string"===typeof a||"number"===typeof a){c=""+a;if(""===c)return"";if(this.makeStaticMarkup)return M(c);if(this.previousWasTextNode)return"\x3c!-- --\x3e"+M(c);this.previousWasTextNode=
+	!0;return M(c)}d=va(a,d);a=d.child;d=d.context;if(null===a||!1===a)return"";if(!t.isValidElement(a)){if(null!=a&&null!=a.$$typeof){var b=a.$$typeof;b===ca?A("257"):void 0;A("258",b.toString())}a=R(a);this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""});return""}b=a.type;if("string"===typeof b)return this.renderDOM(a,d,c);switch(b){case da:case fa:case E:return a=R(a.props.children),this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""}),
+	"";case aa:case ba:A("259")}if("object"===typeof b&&null!==b)switch(b.$$typeof){case ha:return a=R(b.render(a.props,a.ref)),this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""}),"";case F:return b=R(a.props.children),c={type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""},this.pushProvider(a),this.stack.push(c),"";case ea:return b=R(a.props.children(a.type._currentValue)),this.stack.push({type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""}),
+	""}A("130",null==b?b:typeof b,"")};a.prototype.renderDOM=function(a,d,c){var b=a.type.toLowerCase();c===N.html&&O(b);U.hasOwnProperty(b)||(qa.test(b)?void 0:A("65",b),U[b]=!0);var f=a.props;if("input"===b)f=q({type:void 0},f,{defaultChecked:void 0,defaultValue:void 0,value:null!=f.value?f.value:f.defaultValue,checked:null!=f.checked?f.checked:f.defaultChecked});else if("textarea"===b){var h=f.value;if(null==h){h=f.defaultValue;var l=f.children;null!=l&&(null!=h?A("92"):void 0,Array.isArray(l)&&(1>=
+	l.length?void 0:A("93"),l=l[0]),h=""+l);null==h&&(h="")}f=q({},f,{value:void 0,children:""+h})}else if("select"===b)this.currentSelectValue=null!=f.value?f.value:f.defaultValue,f=q({},f,{value:void 0});else if("option"===b){l=this.currentSelectValue;var D=sa(f.children);if(null!=l){var B=null!=f.value?f.value+"":D;h=!1;if(Array.isArray(l))for(var g=0;g<l.length;g++){if(""+l[g]===B){h=!0;break}}else h=""+l===B;f=q({selected:void 0,children:void 0},f,{selected:h,children:D})}}if(h=f)na[b]&&(null!=h.children||
+	null!=h.dangerouslySetInnerHTML?A("137",b,S()):void 0),null!=h.dangerouslySetInnerHTML&&(null!=h.children?A("60"):void 0,"object"===typeof h.dangerouslySetInnerHTML&&"__html"in h.dangerouslySetInnerHTML?void 0:A("61")),null!=h.style&&"object"!==typeof h.style?A("62",S()):void 0;h=f;l=this.makeStaticMarkup;D=1===this.stack.length;B="\x3c"+a.type;for(r in h)if(h.hasOwnProperty(r)){var e=h[r];if(null!=e){if("style"===r){g=void 0;var v="",u="";for(g in e)if(e.hasOwnProperty(g)){var m=0===g.indexOf("--"),
+	n=e[g];null!=n&&(v+=u+ra(g)+":",u=g,m=null==n||"boolean"===typeof n||""===n?"":m||"number"!==typeof n||0===n||Q.hasOwnProperty(u)&&Q[u]?(""+n).trim():n+"px",v+=m,u=";")}e=v||null}g=null;b:if(m=b,n=h,-1===m.indexOf("-"))m="string"===typeof n.is;else switch(m){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":m=!1;break b;default:m=!0}if(m)ua.hasOwnProperty(r)||(g=r,g=ja(g)&&null!=
+	e?g+"\x3d"+('"'+M(e)+'"'):"");else{m=r;g=e;e=J.hasOwnProperty(m)?J[m]:null;if(n="style"!==m)n=null!==e?0===e.type:!(2<m.length)||"o"!==m[0]&&"O"!==m[0]||"n"!==m[1]&&"N"!==m[1]?!1:!0;n||la(m,g,e,!1)?g="":null!==e?(m=e.attributeName,e=e.type,g=3===e||4===e&&!0===g?m+'\x3d""':m+"\x3d"+('"'+M(g)+'"')):g=m+"\x3d"+('"'+M(g)+'"')}g&&(B+=" "+g)}}l||D&&(B+=' data-reactroot\x3d""');var r=B;h="";P.hasOwnProperty(b)?r+="/\x3e":(r+="\x3e",h="\x3c/"+a.type+"\x3e");a:{l=f.dangerouslySetInnerHTML;if(null!=l){if(null!=
+	l.__html){l=l.__html;break a}}else if(l=f.children,"string"===typeof l||"number"===typeof l){l=M(l);break a}l=null}null!=l?(f=[],pa[b]&&"\n"===l.charAt(0)&&(r+="\n"),r+=l):f=R(f.children);a=a.type;c=null==c||"http://www.w3.org/1999/xhtml"===c?O(a):"http://www.w3.org/2000/svg"===c&&"foreignObject"===a?"http://www.w3.org/1999/xhtml":c;this.stack.push({domNamespace:c,type:b,children:f,childIndex:0,context:d,footer:h});this.previousWasTextNode=!1;return r};return a}(),X={renderToString:function(a){return(new W(a,
+	!1)).read(Infinity)},renderToStaticMarkup:function(a){return(new W(a,!0)).read(Infinity)},renderToNodeStream:function(){A("207")},renderToStaticNodeStream:function(){A("208")},version:"16.3.2"},Y=Object.freeze({default:X}),Z=Y&&X||Y;module.exports=Z["default"]?Z["default"]:Z;
 
 
 /***/ }),
-/* 34 */
+/* 32 */
 /***/ (function(module, exports) {
 
 	/**
@@ -3895,10 +3996,10 @@
 	module.exports = memoizeStringOnly;
 
 /***/ }),
-/* 35 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.2.0
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.3.2
 	 * react-dom-server.browser.development.js
 	 *
 	 * Copyright (c) 2013-present, Facebook, Inc.
@@ -3915,411 +4016,398 @@
 	  (function() {
 	'use strict';
 
-	var invariant = __webpack_require__(8);
+	var invariant = __webpack_require__(5);
 	var _assign = __webpack_require__(4);
 	var React = __webpack_require__(1);
-	var emptyFunction = __webpack_require__(6);
-	var emptyObject = __webpack_require__(5);
-	var hyphenateStyleName = __webpack_require__(23);
-	var memoizeStringOnly = __webpack_require__(34);
+	var emptyFunction = __webpack_require__(7);
+	var emptyObject = __webpack_require__(6);
+	var hyphenateStyleName = __webpack_require__(21);
+	var memoizeStringOnly = __webpack_require__(32);
 	var warning = __webpack_require__(9);
 	var checkPropTypes = __webpack_require__(10);
-	var camelizeStyleName = __webpack_require__(25);
+	var camelizeStyleName = __webpack_require__(23);
+
+	// Relying on the `invariant()` implementation lets us
+	// have preserve the format and params in the www builds.
+
+	// TODO: this is special because it gets imported during build.
+
+	var ReactVersion = '16.3.2';
 
 	/**
-	 * WARNING: DO NOT manually require this module.
-	 * This is a replacement for `invariant(...)` used by the error code system
-	 * and will _only_ be required by the corresponding babel pass.
-	 * It always throws.
+	 * Forked from fbjs/warning:
+	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+	 *
+	 * Only change is we use console.warn instead of console.error,
+	 * and do nothing when 'console' is not supported.
+	 * This really simplifies the code.
+	 * ---
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
 	 */
 
-	// These attributes should be all lowercase to allow for
-	// case insensitive checks
-	var RESERVED_PROPS = {
-	  children: true,
-	  dangerouslySetInnerHTML: true,
-	  defaultValue: true,
-	  defaultChecked: true,
-	  innerHTML: true,
-	  suppressContentEditableWarning: true,
-	  suppressHydrationWarning: true,
-	  style: true
-	};
+	var lowPriorityWarning = function () {};
 
-	function checkMask(value, bitmask) {
-	  return (value & bitmask) === bitmask;
+	{
+	  var printWarning = function (format) {
+	    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	      args[_key - 1] = arguments[_key];
+	    }
+
+	    var argIndex = 0;
+	    var message = 'Warning: ' + format.replace(/%s/g, function () {
+	      return args[argIndex++];
+	    });
+	    if (typeof console !== 'undefined') {
+	      console.warn(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
+
+	  lowPriorityWarning = function (condition, format) {
+	    if (format === undefined) {
+	      throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
+	    }
+	    if (!condition) {
+	      for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	        args[_key2 - 2] = arguments[_key2];
+	      }
+
+	      printWarning.apply(undefined, [format].concat(args));
+	    }
+	  };
 	}
 
-	var DOMPropertyInjection = {
-	  /**
-	   * Mapping from normalized, camelcased property names to a configuration that
-	   * specifies how the associated DOM property should be accessed or rendered.
-	   */
-	  MUST_USE_PROPERTY: 0x1,
-	  HAS_BOOLEAN_VALUE: 0x4,
-	  HAS_NUMERIC_VALUE: 0x8,
-	  HAS_POSITIVE_NUMERIC_VALUE: 0x10 | 0x8,
-	  HAS_OVERLOADED_BOOLEAN_VALUE: 0x20,
-	  HAS_STRING_BOOLEAN_VALUE: 0x40,
+	var lowPriorityWarning$1 = lowPriorityWarning;
 
-	  /**
-	   * Inject some specialized knowledge about the DOM. This takes a config object
-	   * with the following properties:
-	   *
-	   * Properties: object mapping DOM property name to one of the
-	   * DOMPropertyInjection constants or null. If your attribute isn't in here,
-	   * it won't get written to the DOM.
-	   *
-	   * DOMAttributeNames: object mapping React attribute name to the DOM
-	   * attribute name. Attribute names not specified use the **lowercase**
-	   * normalized name.
-	   *
-	   * DOMAttributeNamespaces: object mapping React attribute name to the DOM
-	   * attribute namespace URL. (Attribute names not specified use no namespace.)
-	   *
-	   * DOMPropertyNames: similar to DOMAttributeNames but for DOM properties.
-	   * Property names not specified use the normalized name.
-	   *
-	   * DOMMutationMethods: Properties that require special mutation methods. If
-	   * `value` is undefined, the mutation method should unset the property.
-	   *
-	   * @param {object} domPropertyConfig the config as described above.
-	   */
-	  injectDOMPropertyConfig: function (domPropertyConfig) {
-	    var Injection = DOMPropertyInjection;
-	    var Properties = domPropertyConfig.Properties || {};
-	    var DOMAttributeNamespaces = domPropertyConfig.DOMAttributeNamespaces || {};
-	    var DOMAttributeNames = domPropertyConfig.DOMAttributeNames || {};
-	    var DOMMutationMethods = domPropertyConfig.DOMMutationMethods || {};
-
-	    for (var propName in Properties) {
-	      !!properties.hasOwnProperty(propName) ? invariant(false, "injectDOMPropertyConfig(...): You're trying to inject DOM property '%s' which has already been injected. You may be accidentally injecting the same DOM property config twice, or you may be injecting two configs that have conflicting property names.", propName) : void 0;
-
-	      var lowerCased = propName.toLowerCase();
-	      var propConfig = Properties[propName];
-
-	      var propertyInfo = {
-	        attributeName: lowerCased,
-	        attributeNamespace: null,
-	        propertyName: propName,
-	        mutationMethod: null,
-
-	        mustUseProperty: checkMask(propConfig, Injection.MUST_USE_PROPERTY),
-	        hasBooleanValue: checkMask(propConfig, Injection.HAS_BOOLEAN_VALUE),
-	        hasNumericValue: checkMask(propConfig, Injection.HAS_NUMERIC_VALUE),
-	        hasPositiveNumericValue: checkMask(propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE),
-	        hasOverloadedBooleanValue: checkMask(propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE),
-	        hasStringBooleanValue: checkMask(propConfig, Injection.HAS_STRING_BOOLEAN_VALUE)
-	      };
-	      !(propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue + propertyInfo.hasOverloadedBooleanValue <= 1) ? invariant(false, "DOMProperty: Value can be one of boolean, overloaded boolean, or numeric value, but not a combination: %s", propName) : void 0;
+	var describeComponentFrame = function (name, source, ownerName) {
+	  return '\n    in ' + (name || 'Unknown') + (source ? ' (at ' + source.fileName.replace(/^.*[\\\/]/, '') + ':' + source.lineNumber + ')' : ownerName ? ' (created by ' + ownerName + ')' : '');
+	};
 
-	      if (DOMAttributeNames.hasOwnProperty(propName)) {
-	        var attributeName = DOMAttributeNames[propName];
+	var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-	        propertyInfo.attributeName = attributeName;
-	      }
+	var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
+	var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
 
-	      if (DOMAttributeNamespaces.hasOwnProperty(propName)) {
-	        propertyInfo.attributeNamespace = DOMAttributeNamespaces[propName];
-	      }
+	// Exports ReactDOM.createRoot
 
-	      if (DOMMutationMethods.hasOwnProperty(propName)) {
-	        propertyInfo.mutationMethod = DOMMutationMethods[propName];
-	      }
 
-	      // Downcase references to whitelist properties to check for membership
-	      // without case-sensitivity. This allows the whitelist to pick up
-	      // `allowfullscreen`, which should be written using the property configuration
-	      // for `allowFullscreen`
-	      properties[propName] = propertyInfo;
-	    }
-	  }
-	};
+	// Mutating mode (React DOM, React ART, React Native):
+
+	// Experimental noop mode (currently unused):
+
+	// Experimental persistent mode (Fabric):
+
+	// Experimental error-boundary API that can recover from errors within a single
+	// render phase
+
+	// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
+
+
+	// In some cases, StrictMode should also double-render lifecycles.
+	// This can be confusing for tests though,
+	// And it can be bad for performance in production.
+	// This feature flag can be used to control the behavior:
+
+
+	// To preserve the "Pause on caught exceptions" behavior of the debugger, we
+	// replay the begin phase of a failed component inside invokeGuardedCallback.
+
+
+	// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
+	var warnAboutDeprecatedLifecycles = false;
+
+
+
+	// Only used in www builds.
+
+	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
+	var hasSymbol = typeof Symbol === 'function' && Symbol['for'];
+
+
+	var REACT_CALL_TYPE = hasSymbol ? Symbol['for']('react.call') : 0xeac8;
+	var REACT_RETURN_TYPE = hasSymbol ? Symbol['for']('react.return') : 0xeac9;
+	var REACT_PORTAL_TYPE = hasSymbol ? Symbol['for']('react.portal') : 0xeaca;
+	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol['for']('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol['for']('react.strict_mode') : 0xeacc;
+	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol['for']('react.provider') : 0xeacd;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol['for']('react.context') : 0xeace;
+	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol['for']('react.async_mode') : 0xeacf;
+	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol['for']('react.forward_ref') : 0xead0;
+
+	// A reserved attribute.
+	// It is handled by React separately and shouldn't be written to the DOM.
+	var RESERVED = 0;
+
+	// A simple string attribute.
+	// Attributes that aren't in the whitelist are presumed to have this type.
+	var STRING = 1;
+
+	// A string attribute that accepts booleans in React. In HTML, these are called
+	// "enumerated" attributes with "true" and "false" as possible values.
+	// When true, it should be set to a "true" string.
+	// When false, it should be set to a "false" string.
+	var BOOLEANISH_STRING = 2;
+
+	// A real boolean attribute.
+	// When true, it should be present (set either to an empty string or its name).
+	// When false, it should be omitted.
+	var BOOLEAN = 3;
+
+	// An attribute that can be used as a flag as well as with a value.
+	// When true, it should be present (set either to an empty string or its name).
+	// When false, it should be omitted.
+	// For any other value, should be present with that value.
+	var OVERLOADED_BOOLEAN = 4;
+
+	// An attribute that must be numeric or parse as a numeric.
+	// When falsy, it should be removed.
+	var NUMERIC = 5;
+
+	// An attribute that must be positive numeric or parse as a positive numeric.
+	// When falsy, it should be removed.
+	var POSITIVE_NUMERIC = 6;
 
 	/* eslint-disable max-len */
-	var ATTRIBUTE_NAME_START_CHAR = ":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
+	var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
 	/* eslint-enable max-len */
-	var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
+	var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040';
 
 
 	var ROOT_ATTRIBUTE_NAME = 'data-reactroot';
+	var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
 
-	/**
-	 * Map from property "standard name" to an object with info about how to set
-	 * the property in the DOM. Each object contains:
-	 *
-	 * attributeName:
-	 *   Used when rendering markup or with `*Attribute()`.
-	 * attributeNamespace
-	 * propertyName:
-	 *   Used on DOM node instances. (This includes properties that mutate due to
-	 *   external factors.)
-	 * mutationMethod:
-	 *   If non-null, used instead of the property or `setAttribute()` after
-	 *   initial render.
-	 * mustUseProperty:
-	 *   Whether the property must be accessed and mutated as an object property.
-	 * hasBooleanValue:
-	 *   Whether the property should be removed when set to a falsey value.
-	 * hasNumericValue:
-	 *   Whether the property must be numeric or parse as a numeric and should be
-	 *   removed when set to a falsey value.
-	 * hasPositiveNumericValue:
-	 *   Whether the property must be positive numeric or parse as a positive
-	 *   numeric and should be removed when set to a falsey value.
-	 * hasOverloadedBooleanValue:
-	 *   Whether the property can be used as a flag as well as with a value.
-	 *   Removed when strictly equal to false; present without a value when
-	 *   strictly equal to true; present with a value otherwise.
-	 */
-	var properties = {};
+	var illegalAttributeNameCache = {};
+	var validatedAttributeNameCache = {};
 
-	/**
-	 * Checks whether a property name is a writeable attribute.
-	 * @method
-	 */
-	function shouldSetAttribute(name, value) {
-	  if (isReservedProp(name)) {
+	function isAttributeNameSafe(attributeName) {
+	  if (validatedAttributeNameCache.hasOwnProperty(attributeName)) {
+	    return true;
+	  }
+	  if (illegalAttributeNameCache.hasOwnProperty(attributeName)) {
 	    return false;
 	  }
-	  if (name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
+	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
+	    validatedAttributeNameCache[attributeName] = true;
+	    return true;
+	  }
+	  illegalAttributeNameCache[attributeName] = true;
+	  {
+	    warning(false, 'Invalid attribute name: `%s`', attributeName);
+	  }
+	  return false;
+	}
+
+	function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
+	  if (propertyInfo !== null) {
+	    return propertyInfo.type === RESERVED;
+	  }
+	  if (isCustomComponentTag) {
 	    return false;
 	  }
-	  if (value === null) {
+	  if (name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
 	    return true;
 	  }
+	  return false;
+	}
+
+	function shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag) {
+	  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
+	    return false;
+	  }
 	  switch (typeof value) {
-	    case 'boolean':
-	      return shouldAttributeAcceptBooleanValue(name);
-	    case 'undefined':
-	    case 'number':
-	    case 'string':
-	    case 'object':
+	    case 'function':
+	    // $FlowIssue symbol is perfectly valid here
+	    case 'symbol':
+	      // eslint-disable-line
 	      return true;
+	    case 'boolean':
+	      {
+	        if (isCustomComponentTag) {
+	          return false;
+	        }
+	        if (propertyInfo !== null) {
+	          return !propertyInfo.acceptsBooleans;
+	        } else {
+	          var prefix = name.toLowerCase().slice(0, 5);
+	          return prefix !== 'data-' && prefix !== 'aria-';
+	        }
+	      }
 	    default:
-	      // function, symbol
 	      return false;
 	  }
 	}
 
-	function getPropertyInfo(name) {
-	  return properties.hasOwnProperty(name) ? properties[name] : null;
-	}
-
-	function shouldAttributeAcceptBooleanValue(name) {
-	  if (isReservedProp(name)) {
+	function shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag) {
+	  if (value === null || typeof value === 'undefined') {
 	    return true;
 	  }
-	  var propertyInfo = getPropertyInfo(name);
-	  if (propertyInfo) {
-	    return propertyInfo.hasBooleanValue || propertyInfo.hasStringBooleanValue || propertyInfo.hasOverloadedBooleanValue;
+	  if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag)) {
+	    return true;
 	  }
-	  var prefix = name.toLowerCase().slice(0, 5);
-	  return prefix === 'data-' || prefix === 'aria-';
-	}
-
-	/**
-	 * Checks to see if a property name is within the list of properties
-	 * reserved for internal React operations. These properties should
-	 * not be set on an HTML element.
-	 *
-	 * @private
-	 * @param {string} name
-	 * @return {boolean} If the name is within reserved props
-	 */
-	function isReservedProp(name) {
-	  return RESERVED_PROPS.hasOwnProperty(name);
-	}
-
-	var injection = DOMPropertyInjection;
-
-	var MUST_USE_PROPERTY = injection.MUST_USE_PROPERTY;
-	var HAS_BOOLEAN_VALUE = injection.HAS_BOOLEAN_VALUE;
-	var HAS_NUMERIC_VALUE = injection.HAS_NUMERIC_VALUE;
-	var HAS_POSITIVE_NUMERIC_VALUE = injection.HAS_POSITIVE_NUMERIC_VALUE;
-	var HAS_OVERLOADED_BOOLEAN_VALUE = injection.HAS_OVERLOADED_BOOLEAN_VALUE;
-	var HAS_STRING_BOOLEAN_VALUE = injection.HAS_STRING_BOOLEAN_VALUE;
-
-	var HTMLDOMPropertyConfig = {
-	  // When adding attributes to this list, be sure to also add them to
-	  // the `possibleStandardNames` module to ensure casing and incorrect
-	  // name warnings.
-	  Properties: {
-	    allowFullScreen: HAS_BOOLEAN_VALUE,
-	    // specifies target context for links with `preload` type
-	    async: HAS_BOOLEAN_VALUE,
-	    // Note: there is a special case that prevents it from being written to the DOM
-	    // on the client side because the browsers are inconsistent. Instead we call focus().
-	    autoFocus: HAS_BOOLEAN_VALUE,
-	    autoPlay: HAS_BOOLEAN_VALUE,
-	    capture: HAS_OVERLOADED_BOOLEAN_VALUE,
-	    checked: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    cols: HAS_POSITIVE_NUMERIC_VALUE,
-	    contentEditable: HAS_STRING_BOOLEAN_VALUE,
-	    controls: HAS_BOOLEAN_VALUE,
-	    'default': HAS_BOOLEAN_VALUE,
-	    defer: HAS_BOOLEAN_VALUE,
-	    disabled: HAS_BOOLEAN_VALUE,
-	    download: HAS_OVERLOADED_BOOLEAN_VALUE,
-	    draggable: HAS_STRING_BOOLEAN_VALUE,
-	    formNoValidate: HAS_BOOLEAN_VALUE,
-	    hidden: HAS_BOOLEAN_VALUE,
-	    loop: HAS_BOOLEAN_VALUE,
-	    // Caution; `option.selected` is not updated if `select.multiple` is
-	    // disabled with `removeAttribute`.
-	    multiple: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    muted: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    noValidate: HAS_BOOLEAN_VALUE,
-	    open: HAS_BOOLEAN_VALUE,
-	    playsInline: HAS_BOOLEAN_VALUE,
-	    readOnly: HAS_BOOLEAN_VALUE,
-	    required: HAS_BOOLEAN_VALUE,
-	    reversed: HAS_BOOLEAN_VALUE,
-	    rows: HAS_POSITIVE_NUMERIC_VALUE,
-	    rowSpan: HAS_NUMERIC_VALUE,
-	    scoped: HAS_BOOLEAN_VALUE,
-	    seamless: HAS_BOOLEAN_VALUE,
-	    selected: MUST_USE_PROPERTY | HAS_BOOLEAN_VALUE,
-	    size: HAS_POSITIVE_NUMERIC_VALUE,
-	    start: HAS_NUMERIC_VALUE,
-	    // support for projecting regular DOM Elements via V1 named slots ( shadow dom )
-	    span: HAS_POSITIVE_NUMERIC_VALUE,
-	    spellCheck: HAS_STRING_BOOLEAN_VALUE,
-	    // Style must be explicitly set in the attribute list. React components
-	    // expect a style object
-	    style: 0,
-	    // Keep it in the whitelist because it is case-sensitive for SVG.
-	    tabIndex: 0,
-	    // itemScope is for for Microdata support.
-	    // See http://schema.org/docs/gs.html
-	    itemScope: HAS_BOOLEAN_VALUE,
-	    // These attributes must stay in the white-list because they have
-	    // different attribute names (see DOMAttributeNames below)
-	    acceptCharset: 0,
-	    className: 0,
-	    htmlFor: 0,
-	    httpEquiv: 0,
-	    // Attributes with mutation methods must be specified in the whitelist
-	    // Set the string boolean flag to allow the behavior
-	    value: HAS_STRING_BOOLEAN_VALUE
-	  },
-	  DOMAttributeNames: {
-	    acceptCharset: 'accept-charset',
-	    className: 'class',
-	    htmlFor: 'for',
-	    httpEquiv: 'http-equiv'
-	  },
-	  DOMMutationMethods: {
-	    value: function (node, value) {
-	      if (value == null) {
-	        return node.removeAttribute('value');
-	      }
-
-	      // Number inputs get special treatment due to some edge cases in
-	      // Chrome. Let everything else assign the value attribute as normal.
-	      // https://github.com/facebook/react/issues/7253#issuecomment-236074326
-	      if (node.type !== 'number' || node.hasAttribute('value') === false) {
-	        node.setAttribute('value', '' + value);
-	      } else if (node.validity && !node.validity.badInput && node.ownerDocument.activeElement !== node) {
-	        // Don't assign an attribute if validation reports bad
-	        // input. Chrome will clear the value. Additionally, don't
-	        // operate on inputs that have focus, otherwise Chrome might
-	        // strip off trailing decimal places and cause the user's
-	        // cursor position to jump to the beginning of the input.
-	        //
-	        // In ReactDOMInput, we have an onBlur event that will trigger
-	        // this function again when focus is lost.
-	        node.setAttribute('value', '' + value);
-	      }
+	  if (propertyInfo !== null) {
+	    switch (propertyInfo.type) {
+	      case BOOLEAN:
+	        return !value;
+	      case OVERLOADED_BOOLEAN:
+	        return value === false;
+	      case NUMERIC:
+	        return isNaN(value);
+	      case POSITIVE_NUMERIC:
+	        return isNaN(value) || value < 1;
 	    }
 	  }
-	};
-
-	var HAS_STRING_BOOLEAN_VALUE$1 = injection.HAS_STRING_BOOLEAN_VALUE;
-
+	  return false;
+	}
 
-	var NS = {
-	  xlink: 'http://www.w3.org/1999/xlink',
-	  xml: 'http://www.w3.org/XML/1998/namespace'
-	};
+	function getPropertyInfo(name) {
+	  return properties.hasOwnProperty(name) ? properties[name] : null;
+	}
 
-	/**
-	 * This is a list of all SVG attributes that need special casing,
-	 * namespacing, or boolean value assignment.
-	 *
-	 * When adding attributes to this list, be sure to also add them to
-	 * the `possibleStandardNames` module to ensure casing and incorrect
-	 * name warnings.
-	 *
-	 * SVG Attributes List:
-	 * https://www.w3.org/TR/SVG/attindex.html
-	 * SMIL Spec:
-	 * https://www.w3.org/TR/smil
-	 */
-	var ATTRS = ['accent-height', 'alignment-baseline', 'arabic-form', 'baseline-shift', 'cap-height', 'clip-path', 'clip-rule', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'dominant-baseline', 'enable-background', 'fill-opacity', 'fill-rule', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'glyph-name', 'glyph-orientation-horizontal', 'glyph-orientation-vertical', 'horiz-adv-x', 'horiz-origin-x', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start', 'overline-position', 'overline-thickness', 'paint-order', 'panose-1', 'pointer-events', 'rendering-intent', 'shape-rendering', 'stop-color', 'stop-opacity', 'strikethrough-position', 'strikethrough-thickness', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-anchor', 'text-decoration', 'text-rendering', 'underline-position', 'underline-thickness', 'unicode-bidi', 'unicode-range', 'units-per-em', 'v-alphabetic', 'v-hanging', 'v-ideographic', 'v-mathematical', 'vector-effect', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'word-spacing', 'writing-mode', 'x-height', 'xlink:actuate', 'xlink:arcrole', 'xlink:href', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type', 'xml:base', 'xmlns:xlink', 'xml:lang', 'xml:space'];
+	function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace) {
+	  this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
+	  this.attributeName = attributeName;
+	  this.attributeNamespace = attributeNamespace;
+	  this.mustUseProperty = mustUseProperty;
+	  this.propertyName = name;
+	  this.type = type;
+	}
 
-	var SVGDOMPropertyConfig = {
-	  Properties: {
-	    autoReverse: HAS_STRING_BOOLEAN_VALUE$1,
-	    externalResourcesRequired: HAS_STRING_BOOLEAN_VALUE$1,
-	    preserveAlpha: HAS_STRING_BOOLEAN_VALUE$1
-	  },
-	  DOMAttributeNames: {
-	    autoReverse: 'autoReverse',
-	    externalResourcesRequired: 'externalResourcesRequired',
-	    preserveAlpha: 'preserveAlpha'
-	  },
-	  DOMAttributeNamespaces: {
-	    xlinkActuate: NS.xlink,
-	    xlinkArcrole: NS.xlink,
-	    xlinkHref: NS.xlink,
-	    xlinkRole: NS.xlink,
-	    xlinkShow: NS.xlink,
-	    xlinkTitle: NS.xlink,
-	    xlinkType: NS.xlink,
-	    xmlBase: NS.xml,
-	    xmlLang: NS.xml,
-	    xmlSpace: NS.xml
-	  }
-	};
+	// When adding attributes to this list, be sure to also add them to
+	// the `possibleStandardNames` module to ensure casing and incorrect
+	// name warnings.
+	var properties = {};
 
-	var CAMELIZE = /[\-\:]([a-z])/g;
-	var capitalize = function (token) {
-	  return token[1].toUpperCase();
-	};
+	// These props are reserved by React. They shouldn't be written to the DOM.
+	['children', 'dangerouslySetInnerHTML',
+	// TODO: This prevents the assignment of defaultValue to regular
+	// elements (not just inputs). Now that ReactDOMInput assigns to the
+	// defaultValue property -- do we need this?
+	'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
+	  name, // attributeName
+	  null);
+	});
 
-	ATTRS.forEach(function (original) {
-	  var reactName = original.replace(CAMELIZE, capitalize);
+	// A few React string attributes have a different name.
+	// This is a mapping from React prop names to the attribute names.
+	[['acceptCharset', 'accept-charset'], ['className', 'class'], ['htmlFor', 'for'], ['httpEquiv', 'http-equiv']].forEach(function (_ref) {
+	  var name = _ref[0],
+	      attributeName = _ref[1];
 
-	  SVGDOMPropertyConfig.Properties[reactName] = 0;
-	  SVGDOMPropertyConfig.DOMAttributeNames[reactName] = original;
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, // attributeName
+	  null);
 	});
 
-	injection.injectDOMPropertyConfig(HTMLDOMPropertyConfig);
-	injection.injectDOMPropertyConfig(SVGDOMPropertyConfig);
+	// These are "enumerated" HTML attributes that accept "true" and "false".
+	// In React, we let users pass `true` and `false` even though technically
+	// these aren't boolean attributes (they are coerced to strings).
+	['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
-	// TODO: this is special because it gets imported during build.
+	// These are "enumerated" SVG attributes that accept "true" and "false".
+	// In React, we let users pass `true` and `false` even though technically
+	// these aren't boolean attributes (they are coerced to strings).
+	// Since these are SVG attributes, their attribute names are case-sensitive.
+	['autoReverse', 'externalResourcesRequired', 'preserveAlpha'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
+	  name, // attributeName
+	  null);
+	});
 
-	var ReactVersion = '16.2.0';
+	// These are HTML boolean attributes.
+	['allowFullScreen', 'async',
+	// Note: there is a special case that prevents it from being written to the DOM
+	// on the client side because the browsers are inconsistent. Instead we call focus().
+	'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless',
+	// Microdata
+	'itemScope'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
-	var describeComponentFrame = function (name, source, ownerName) {
-	  return '\n    in ' + (name || 'Unknown') + (source ? ' (at ' + source.fileName.replace(/^.*[\\\/]/, '') + ':' + source.lineNumber + ')' : ownerName ? ' (created by ' + ownerName + ')' : '');
-	};
+	// These are the few React props that we set as DOM properties
+	// rather than attributes. These are all booleans.
+	['checked',
+	// Note: `option.selected` is not updated if `select.multiple` is
+	// disabled with `removeAttribute`. We have special logic for handling this.
+	'multiple', 'muted', 'selected'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
-	var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	// These are HTML attributes that are "overloaded booleans": they behave like
+	// booleans, but can also accept a string value.
+	['capture', 'download'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
-	var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
-	var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
+	// These are HTML attributes that must be positive numbers.
+	['cols', 'rows', 'size', 'span'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol['for'];
+	// These are HTML attributes that must be numbers.
+	['rowSpan', 'start'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null);
+	});
 
+	var CAMELIZE = /[\-\:]([a-z])/g;
+	var capitalize = function (token) {
+	  return token[1].toUpperCase();
+	};
 
+	// This is a list of all SVG attributes that need special casing, namespacing,
+	// or boolean value assignment. Regular attributes that just accept strings
+	// and have the same names are omitted, just like in the HTML whitelist.
+	// Some of these attributes can be hard to find. This list was created by
+	// scrapping the MDN documentation.
+	['accent-height', 'alignment-baseline', 'arabic-form', 'baseline-shift', 'cap-height', 'clip-path', 'clip-rule', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'dominant-baseline', 'enable-background', 'fill-opacity', 'fill-rule', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'glyph-name', 'glyph-orientation-horizontal', 'glyph-orientation-vertical', 'horiz-adv-x', 'horiz-origin-x', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start', 'overline-position', 'overline-thickness', 'paint-order', 'panose-1', 'pointer-events', 'rendering-intent', 'shape-rendering', 'stop-color', 'stop-opacity', 'strikethrough-position', 'strikethrough-thickness', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-anchor', 'text-decoration', 'text-rendering', 'underline-position', 'underline-thickness', 'unicode-bidi', 'unicode-range', 'units-per-em', 'v-alphabetic', 'v-hanging', 'v-ideographic', 'v-mathematical', 'vector-effect', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'word-spacing', 'writing-mode', 'xmlns:xlink', 'x-height'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, null);
+	});
 
+	// String SVG attributes with the xlink namespace.
+	['xlink:actuate', 'xlink:arcrole', 'xlink:href', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, 'http://www.w3.org/1999/xlink');
+	});
 
+	// String SVG attributes with the xml namespace.
+	['xml:base', 'xml:lang', 'xml:space'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, 'http://www.w3.org/XML/1998/namespace');
+	});
 
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol['for']('react.fragment') : 0xeacb;
+	// Special case: this attribute exists both in HTML and SVG.
+	// Its "tabindex" attribute name is case-sensitive in SVG so we can't just use
+	// its React `tabIndex` name, like we do for attributes that exist only in HTML.
+	properties.tabIndex = new PropertyInfoRecord('tabIndex', STRING, false, // mustUseProperty
+	'tabindex', // attributeName
+	null);
 
 	// code copied and modified from escape-html
 	/**
@@ -4345,7 +4433,7 @@
 	    return str;
 	  }
 
-	  var escape;
+	  var escape = void 0;
 	  var html = '';
 	  var index = 0;
 	  var lastIndex = 0;
@@ -4414,35 +4502,6 @@
 	  return '"' + escapeTextForBrowser(value) + '"';
 	}
 
-	// isAttributeNameSafe() is currently duplicated in DOMPropertyOperations.
-	// TODO: Find a better place for this.
-	var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
-	var illegalAttributeNameCache = {};
-	var validatedAttributeNameCache = {};
-	function isAttributeNameSafe(attributeName) {
-	  if (validatedAttributeNameCache.hasOwnProperty(attributeName)) {
-	    return true;
-	  }
-	  if (illegalAttributeNameCache.hasOwnProperty(attributeName)) {
-	    return false;
-	  }
-	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
-	    validatedAttributeNameCache[attributeName] = true;
-	    return true;
-	  }
-	  illegalAttributeNameCache[attributeName] = true;
-	  {
-	    warning(false, 'Invalid attribute name: `%s`', attributeName);
-	  }
-	  return false;
-	}
-
-	// shouldIgnoreValue() is currently duplicated in DOMPropertyOperations.
-	// TODO: Find a better place for this.
-	function shouldIgnoreValue(propertyInfo, value) {
-	  return value == null || propertyInfo.hasBooleanValue && !value || propertyInfo.hasNumericValue && isNaN(value) || propertyInfo.hasPositiveNumericValue && value < 1 || propertyInfo.hasOverloadedBooleanValue && value === false;
-	}
-
 	/**
 	 * Operations for dealing with DOM properties.
 	 */
@@ -4468,23 +4527,24 @@
 	 */
 	function createMarkupForProperty(name, value) {
 	  var propertyInfo = getPropertyInfo(name);
-	  if (propertyInfo) {
-	    if (shouldIgnoreValue(propertyInfo, value)) {
-	      return '';
-	    }
+	  if (name !== 'style' && shouldIgnoreAttribute(name, propertyInfo, false)) {
+	    return '';
+	  }
+	  if (shouldRemoveAttribute(name, value, propertyInfo, false)) {
+	    return '';
+	  }
+	  if (propertyInfo !== null) {
 	    var attributeName = propertyInfo.attributeName;
-	    if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) {
+	    var type = propertyInfo.type;
+
+	    if (type === BOOLEAN || type === OVERLOADED_BOOLEAN && value === true) {
 	      return attributeName + '=""';
-	    } else if (typeof value !== 'boolean' || shouldAttributeAcceptBooleanValue(name)) {
+	    } else {
 	      return attributeName + '=' + quoteAttributeValueForBrowser(value);
 	    }
-	  } else if (shouldSetAttribute(name, value)) {
-	    if (value == null) {
-	      return '';
-	    }
+	  } else {
 	    return name + '=' + quoteAttributeValueForBrowser(value);
 	  }
-	  return null;
 	}
 
 	/**
@@ -4618,7 +4678,7 @@
 	    !(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML) ? invariant(false, '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.') : void 0;
 	  }
 	  {
-	    warning(props.suppressContentEditableWarning || !props.contentEditable || props.children == null, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.%s', getStack());
+	    !(props.suppressContentEditableWarning || !props.contentEditable || props.children == null) ? warning(false, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.%s', getStack()) : void 0;
 	  }
 	  !(props.style == null || typeof props.style === 'object') ? invariant(false, 'The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + \'em\'}} when using JSX.%s', getStack()) : void 0;
 	}
@@ -5150,6 +5210,7 @@
 	  multiple: 'multiple',
 	  muted: 'muted',
 	  name: 'name',
+	  nomodule: 'noModule',
 	  nonce: 'nonce',
 	  novalidate: 'noValidate',
 	  open: 'open',
@@ -5542,16 +5603,18 @@
 	  return stack != null ? stack : '';
 	}
 
+	var validateProperty$1 = function () {};
+
 	{
 	  var warnedProperties$1 = {};
-	  var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+	  var _hasOwnProperty = Object.prototype.hasOwnProperty;
 	  var EVENT_NAME_REGEX = /^on./;
 	  var INVALID_EVENT_NAME_REGEX = /^on[^A-Z]/;
 	  var rARIA$1 = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
 	  var rARIACamel$1 = new RegExp('^(aria)[A-Z][' + ATTRIBUTE_NAME_CHAR + ']*$');
 
-	  var validateProperty$1 = function (tagName, name, value, canUseEventSystem) {
-	    if (hasOwnProperty$1.call(warnedProperties$1, name) && warnedProperties$1[name]) {
+	  validateProperty$1 = function (tagName, name, value, canUseEventSystem) {
+	    if (_hasOwnProperty.call(warnedProperties$1, name) && warnedProperties$1[name]) {
 	      return true;
 	    }
 
@@ -5618,7 +5681,8 @@
 	      return true;
 	    }
 
-	    var isReserved = isReservedProp(name);
+	    var propertyInfo = getPropertyInfo(name);
+	    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED;
 
 	    // Known attributes should match the casing specified in the property config.
 	    if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
@@ -5636,7 +5700,7 @@
 	      return true;
 	    }
 
-	    if (typeof value === 'boolean' && !shouldAttributeAcceptBooleanValue(name)) {
+	    if (typeof value === 'boolean' && shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
 	      if (value) {
 	        warning(false, 'Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.%s', value, name, name, value, name, getStackAddendum$3());
 	      } else {
@@ -5653,7 +5717,7 @@
 	    }
 
 	    // Warn when a known attribute is a bad type
-	    if (!shouldSetAttribute(name, value)) {
+	    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
 	      warnedProperties$1[name] = true;
 	      return false;
 	    }
@@ -5694,16 +5758,25 @@
 
 	var toArray = React.Children.toArray;
 
+	var currentDebugStack = void 0;
+	var currentDebugElementStack = void 0;
+
 	var getStackAddendum = emptyFunction.thatReturns('');
+	var describeStackFrame = emptyFunction.thatReturns('');
+
+	var validatePropertiesInDevelopment = function (type, props) {};
+	var setCurrentDebugStack = function (stack) {};
+	var pushElementToDebugStack = function (element) {};
+	var resetCurrentDebugStack = function () {};
 
 	{
-	  var validatePropertiesInDevelopment = function (type, props) {
+	  validatePropertiesInDevelopment = function (type, props) {
 	    validateProperties(type, props);
 	    validateProperties$1(type, props);
 	    validateProperties$2(type, props, /* canUseEventSystem */false);
 	  };
 
-	  var describeStackFrame = function (element) {
+	  describeStackFrame = function (element) {
 	    var source = element._source;
 	    var type = element.type;
 	    var name = getComponentName(type);
@@ -5711,9 +5784,9 @@
 	    return describeComponentFrame(name, source, ownerName);
 	  };
 
-	  var currentDebugStack = null;
-	  var currentDebugElementStack = null;
-	  var setCurrentDebugStack = function (stack) {
+	  currentDebugStack = null;
+	  currentDebugElementStack = null;
+	  setCurrentDebugStack = function (stack) {
 	    var frame = stack[stack.length - 1];
 	    currentDebugElementStack = frame.debugElementStack;
 	    // We are about to enter a new composite stack, reset the array.
@@ -5721,12 +5794,12 @@
 	    currentDebugStack = stack;
 	    ReactDebugCurrentFrame.getCurrentStack = getStackAddendum;
 	  };
-	  var pushElementToDebugStack = function (element) {
+	  pushElementToDebugStack = function (element) {
 	    if (currentDebugElementStack !== null) {
 	      currentDebugElementStack.push(element);
 	    }
 	  };
-	  var resetCurrentDebugStack = function () {
+	  resetCurrentDebugStack = function () {
 	    currentDebugElementStack = null;
 	    currentDebugStack = null;
 	    ReactDebugCurrentFrame.getCurrentStack = null;
@@ -5754,6 +5827,10 @@
 	var didWarnDefaultTextareaValue = false;
 	var didWarnInvalidOptionChildren = false;
 	var didWarnAboutNoopUpdateForComponent = {};
+	var didWarnAboutBadClass = {};
+	var didWarnAboutDeprecatedWillMount = {};
+	var didWarnAboutUndefinedDerivedState = {};
+	var didWarnAboutUninitializedState = {};
 	var valuePropNames = ['value', 'defaultValue'];
 	var newlineEatingTags = {
 	  listing: true,
@@ -5807,8 +5884,8 @@
 
 	function warnNoop(publicInstance, callerName) {
 	  {
-	    var constructor = publicInstance.constructor;
-	    var componentName = constructor && getComponentName(constructor) || 'ReactClass';
+	    var _constructor = publicInstance.constructor;
+	    var componentName = _constructor && getComponentName(_constructor) || 'ReactClass';
 	    var warningKey = componentName + '.' + callerName;
 	    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
 	      return;
@@ -5905,7 +5982,7 @@
 	}
 
 	var STYLE = 'style';
-	var RESERVED_PROPS$1 = {
+	var RESERVED_PROPS = {
 	  children: null,
 	  dangerouslySetInnerHTML: null,
 	  suppressContentEditableWarning: null,
@@ -5928,7 +6005,7 @@
 	    }
 	    var markup = null;
 	    if (isCustomComponent(tagLowercase, props)) {
-	      if (!RESERVED_PROPS$1.hasOwnProperty(propKey)) {
+	      if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
 	        markup = createMarkupForCustomAttribute(propKey, propValue);
 	      }
 	    } else {
@@ -5961,15 +6038,20 @@
 	  while (React.isValidElement(child)) {
 	    // Safe because we just checked it's an element.
 	    var element = child;
+	    var Component = element.type;
 	    {
 	      pushElementToDebugStack(element);
 	    }
-	    var Component = element.type;
 	    if (typeof Component !== 'function') {
 	      break;
 	    }
+	    processChild(element, Component);
+	  }
+
+	  // Extra closure so queue and replace can be captured properly
+	  function processChild(element, Component) {
 	    var publicContext = processContext(Component, context);
-	    var inst;
+
 	    var queue = [];
 	    var replace = false;
 	    var updater = {
@@ -5986,23 +6068,62 @@
 	        replace = true;
 	        queue = [completeState];
 	      },
-	      enqueueSetState: function (publicInstance, partialState) {
+	      enqueueSetState: function (publicInstance, currentPartialState) {
 	        if (queue === null) {
 	          warnNoop(publicInstance, 'setState');
 	          return null;
 	        }
-	        queue.push(partialState);
+	        queue.push(currentPartialState);
 	      }
 	    };
 
+	    var inst = void 0;
 	    if (shouldConstruct(Component)) {
 	      inst = new Component(element.props, publicContext, updater);
+
+	      if (typeof Component.getDerivedStateFromProps === 'function') {
+	        {
+	          if (inst.state === null || inst.state === undefined) {
+	            var componentName = getComponentName(Component) || 'Unknown';
+	            if (!didWarnAboutUninitializedState[componentName]) {
+	              warning(false, '%s: Did not properly initialize state during construction. ' + 'Expected state to be an object, but it was %s.', componentName, inst.state === null ? 'null' : 'undefined');
+	              didWarnAboutUninitializedState[componentName] = true;
+	            }
+	          }
+	        }
+
+	        var partialState = Component.getDerivedStateFromProps.call(null, element.props, inst.state);
+
+	        {
+	          if (partialState === undefined) {
+	            var _componentName = getComponentName(Component) || 'Unknown';
+	            if (!didWarnAboutUndefinedDerivedState[_componentName]) {
+	              warning(false, '%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', _componentName);
+	              didWarnAboutUndefinedDerivedState[_componentName] = true;
+	            }
+	          }
+	        }
+
+	        if (partialState != null) {
+	          inst.state = _assign({}, inst.state, partialState);
+	        }
+	      }
 	    } else {
+	      {
+	        if (Component.prototype && typeof Component.prototype.render === 'function') {
+	          var _componentName2 = getComponentName(Component) || 'Unknown';
+
+	          if (!didWarnAboutBadClass[_componentName2]) {
+	            warning(false, "The <%s /> component appears to have a render method, but doesn't extend React.Component. " + 'This is likely to cause errors. Change %s to extend React.Component instead.', _componentName2, _componentName2);
+	            didWarnAboutBadClass[_componentName2] = true;
+	          }
+	        }
+	      }
 	      inst = Component(element.props, publicContext, updater);
 	      if (inst == null || inst.render == null) {
 	        child = inst;
 	        validateRenderResult(child, Component);
-	        continue;
+	        return;
 	      }
 	    }
 
@@ -6014,8 +6135,30 @@
 	    if (initialState === undefined) {
 	      inst.state = initialState = null;
 	    }
-	    if (inst.componentWillMount) {
-	      inst.componentWillMount();
+	    if (typeof inst.UNSAFE_componentWillMount === 'function' || typeof inst.componentWillMount === 'function') {
+	      if (typeof inst.componentWillMount === 'function') {
+	        {
+	          if (warnAboutDeprecatedLifecycles && inst.componentWillMount.__suppressDeprecationWarning !== true) {
+	            var _componentName3 = getComponentName(Component) || 'Unknown';
+
+	            if (!didWarnAboutDeprecatedWillMount[_componentName3]) {
+	              lowPriorityWarning$1(false, '%s: componentWillMount() is deprecated and will be ' + 'removed in the next major version. Read about the motivations ' + 'behind this change: ' + 'https://fb.me/react-async-component-lifecycle-hooks' + '\n\n' + 'As a temporary workaround, you can rename to ' + 'UNSAFE_componentWillMount instead.', _componentName3);
+	              didWarnAboutDeprecatedWillMount[_componentName3] = true;
+	            }
+	          }
+	        }
+
+	        // In order to support react-lifecycles-compat polyfilled components,
+	        // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
+	        if (typeof Component.getDerivedStateFromProps !== 'function') {
+	          inst.componentWillMount();
+	        }
+	      }
+	      if (typeof inst.UNSAFE_componentWillMount === 'function' && typeof Component.getDerivedStateFromProps !== 'function') {
+	        // In order to support react-lifecycles-compat polyfilled components,
+	        // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
+	        inst.UNSAFE_componentWillMount();
+	      }
 	      if (queue.length) {
 	        var oldQueue = queue;
 	        var oldReplace = replace;
@@ -6029,13 +6172,13 @@
 	          var dontMutate = true;
 	          for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
 	            var partial = oldQueue[i];
-	            var partialState = typeof partial === 'function' ? partial.call(inst, nextState, element.props, publicContext) : partial;
-	            if (partialState) {
+	            var _partialState = typeof partial === 'function' ? partial.call(inst, nextState, element.props, publicContext) : partial;
+	            if (_partialState != null) {
 	              if (dontMutate) {
 	                dontMutate = false;
-	                nextState = _assign({}, nextState, partialState);
+	                nextState = _assign({}, nextState, _partialState);
 	              } else {
-	                _assign(nextState, partialState);
+	                _assign(nextState, _partialState);
 	              }
 	            }
 	          }
@@ -6056,7 +6199,7 @@
 	    }
 	    validateRenderResult(child, Component);
 
-	    var childContext;
+	    var childContext = void 0;
 	    if (typeof inst.getChildContext === 'function') {
 	      var childContextTypes = Component.childContextTypes;
 	      if (typeof childContextTypes === 'object') {
@@ -6082,6 +6225,7 @@
 	    var flatChildren = flattenTopLevelChildren(children);
 
 	    var topFrame = {
+	      type: null,
 	      // Assume all trees start in the HTML namespace (not totally true, but
 	      // this is what we did historically)
 	      domNamespace: Namespaces.html,
@@ -6098,10 +6242,37 @@
 	    this.currentSelectValue = null;
 	    this.previousWasTextNode = false;
 	    this.makeStaticMarkup = makeStaticMarkup;
+
+	    // Context (new API)
+	    this.providerStack = []; // Stack of provider objects
+	    this.providerIndex = -1;
 	  }
 	  // TODO: type this more strictly:
 
 
+	  ReactDOMServerRenderer.prototype.pushProvider = function pushProvider(provider) {
+	    this.providerIndex += 1;
+	    this.providerStack[this.providerIndex] = provider;
+	    var context = provider.type._context;
+	    context._currentValue = provider.props.value;
+	  };
+
+	  ReactDOMServerRenderer.prototype.popProvider = function popProvider(provider) {
+	    {
+	      !(this.providerIndex > -1 && provider === this.providerStack[this.providerIndex]) ? warning(false, 'Unexpected pop.') : void 0;
+	    }
+	    this.providerStack[this.providerIndex] = null;
+	    this.providerIndex -= 1;
+	    var context = provider.type._context;
+	    if (this.providerIndex < 0) {
+	      context._currentValue = context._defaultValue;
+	    } else {
+	      // We assume this type is correct because of the index check above.
+	      var previousProvider = this.providerStack[this.providerIndex];
+	      context._currentValue = previousProvider.props.value;
+	    }
+	  };
+
 	  ReactDOMServerRenderer.prototype.read = function read(bytes) {
 	    if (this.exhausted) {
 	      return null;
@@ -6115,14 +6286,17 @@
 	      }
 	      var frame = this.stack[this.stack.length - 1];
 	      if (frame.childIndex >= frame.children.length) {
-	        var footer = frame.footer;
-	        out += footer;
-	        if (footer !== '') {
+	        var _footer = frame.footer;
+	        out += _footer;
+	        if (_footer !== '') {
 	          this.previousWasTextNode = false;
 	        }
 	        this.stack.pop();
-	        if (frame.tag === 'select') {
+	        if (frame.type === 'select') {
 	          this.currentSelectValue = null;
+	        } else if (frame.type != null && frame.type.type != null && frame.type.type.$$typeof === REACT_PROVIDER_TYPE) {
+	          var provider = frame.type;
+	          this.popProvider(provider);
 	        }
 	        continue;
 	      }
@@ -6154,7 +6328,7 @@
 	      this.previousWasTextNode = true;
 	      return escapeTextForBrowser(text);
 	    } else {
-	      var nextChild;
+	      var nextChild = void 0;
 
 	      var _resolve = resolve(child, context);
 
@@ -6164,8 +6338,16 @@
 	      if (nextChild === null || nextChild === false) {
 	        return '';
 	      } else if (!React.isValidElement(nextChild)) {
+	        if (nextChild != null && nextChild.$$typeof != null) {
+	          // Catch unexpected special types early.
+	          var $$typeof = nextChild.$$typeof;
+	          !($$typeof !== REACT_PORTAL_TYPE) ? invariant(false, 'Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.') : void 0;
+	          // Catch-all to prevent an infinite loop if React.Children.toArray() supports some new type.
+	          invariant(false, 'Unknown element-like object type: %s. This is likely a bug in React. Please file an issue.', $$typeof.toString());
+	        }
 	        var nextChildren = toArray(nextChild);
 	        var frame = {
+	          type: null,
 	          domNamespace: parentNamespace,
 	          children: nextChildren,
 	          childIndex: 0,
@@ -6177,25 +6359,122 @@
 	        }
 	        this.stack.push(frame);
 	        return '';
-	      } else if (nextChild.type === REACT_FRAGMENT_TYPE) {
-	        var _nextChildren = toArray(nextChild.props.children);
-	        var _frame = {
-	          domNamespace: parentNamespace,
-	          children: _nextChildren,
-	          childIndex: 0,
-	          context: context,
-	          footer: ''
-	        };
-	        {
-	          _frame.debugElementStack = [];
-	        }
-	        this.stack.push(_frame);
-	        return '';
-	      } else {
-	        // Safe because we just checked it's an element.
-	        var nextElement = nextChild;
+	      }
+	      // Safe because we just checked it's an element.
+	      var nextElement = nextChild;
+	      var elementType = nextElement.type;
+
+	      if (typeof elementType === 'string') {
 	        return this.renderDOM(nextElement, context, parentNamespace);
 	      }
+
+	      switch (elementType) {
+	        case REACT_STRICT_MODE_TYPE:
+	        case REACT_ASYNC_MODE_TYPE:
+	        case REACT_FRAGMENT_TYPE:
+	          {
+	            var _nextChildren = toArray(nextChild.props.children);
+	            var _frame = {
+	              type: null,
+	              domNamespace: parentNamespace,
+	              children: _nextChildren,
+	              childIndex: 0,
+	              context: context,
+	              footer: ''
+	            };
+	            {
+	              _frame.debugElementStack = [];
+	            }
+	            this.stack.push(_frame);
+	            return '';
+	          }
+	        case REACT_CALL_TYPE:
+	        case REACT_RETURN_TYPE:
+	          invariant(false, 'The experimental Call and Return types are not currently supported by the server renderer.');
+	        // eslint-disable-next-line-no-fallthrough
+	        default:
+	          break;
+	      }
+	      if (typeof elementType === 'object' && elementType !== null) {
+	        switch (elementType.$$typeof) {
+	          case REACT_FORWARD_REF_TYPE:
+	            {
+	              var element = nextChild;
+	              var _nextChildren2 = toArray(elementType.render(element.props, element.ref));
+	              var _frame2 = {
+	                type: null,
+	                domNamespace: parentNamespace,
+	                children: _nextChildren2,
+	                childIndex: 0,
+	                context: context,
+	                footer: ''
+	              };
+	              {
+	                _frame2.debugElementStack = [];
+	              }
+	              this.stack.push(_frame2);
+	              return '';
+	            }
+	          case REACT_PROVIDER_TYPE:
+	            {
+	              var provider = nextChild;
+	              var nextProps = provider.props;
+	              var _nextChildren3 = toArray(nextProps.children);
+	              var _frame3 = {
+	                type: provider,
+	                domNamespace: parentNamespace,
+	                children: _nextChildren3,
+	                childIndex: 0,
+	                context: context,
+	                footer: ''
+	              };
+	              {
+	                _frame3.debugElementStack = [];
+	              }
+
+	              this.pushProvider(provider);
+
+	              this.stack.push(_frame3);
+	              return '';
+	            }
+	          case REACT_CONTEXT_TYPE:
+	            {
+	              var consumer = nextChild;
+	              var _nextProps = consumer.props;
+	              var nextValue = consumer.type._currentValue;
+
+	              var _nextChildren4 = toArray(_nextProps.children(nextValue));
+	              var _frame4 = {
+	                type: nextChild,
+	                domNamespace: parentNamespace,
+	                children: _nextChildren4,
+	                childIndex: 0,
+	                context: context,
+	                footer: ''
+	              };
+	              {
+	                _frame4.debugElementStack = [];
+	              }
+	              this.stack.push(_frame4);
+	              return '';
+	            }
+	          default:
+	            break;
+	        }
+	      }
+
+	      var info = '';
+	      {
+	        var owner = nextElement._owner;
+	        if (elementType === undefined || typeof elementType === 'object' && elementType !== null && Object.keys(elementType).length === 0) {
+	          info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and " + 'named imports.';
+	        }
+	        var ownerName = owner ? getComponentName(owner) : null;
+	        if (ownerName) {
+	          info += '\n\nCheck the render method of `' + ownerName + '`.';
+	        }
+	      }
+	      invariant(false, 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s', elementType == null ? elementType : typeof elementType, info);
 	    }
 	  };
 
@@ -6211,7 +6490,7 @@
 	      if (namespace === Namespaces.html) {
 	        // Should this check be gated by parent namespace? Not sure we want to
 	        // allow <SVG> or <mATH>.
-	        warning(tag === element.type, '<%s /> is using uppercase HTML. Always use lowercase HTML tags ' + 'in React.', element.type);
+	        !(tag === element.type) ? warning(false, '<%s /> is using incorrect casing. ' + 'Use PascalCase for React components, ' + 'or lowercase for HTML elements.', element.type) : void 0;
 	      }
 	    }
 
@@ -6307,7 +6586,7 @@
 	      var selectValue = this.currentSelectValue;
 	      var optionChildren = flattenOptionChildren(props.children);
 	      if (selectValue != null) {
-	        var value;
+	        var value = void 0;
 	        if (props.value != null) {
 	          value = props.value + '';
 	        } else {
@@ -6350,7 +6629,7 @@
 	      out += '>';
 	      footer = '</' + element.type + '>';
 	    }
-	    var children;
+	    var children = void 0;
 	    var innerMarkup = getNonChildrenInnerMarkup(props);
 	    if (innerMarkup != null) {
 	      children = [];
@@ -6373,7 +6652,7 @@
 	    }
 	    var frame = {
 	      domNamespace: getChildNamespace(parentNamespace, element.type),
-	      tag: tag,
+	      type: tag,
 	      children: children,
 	      childIndex: 0,
 	      context: context,