react-rails 2.6.0 → 2.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e9a12a6f724746ed2a189f4827268eb55fb538a80bb21edc2560809349a8f3aa
-  data.tar.gz: aea725c7bb9606e7e98d47b51788860545b58efa50c70d24c1ba599de36c4751
+  metadata.gz: 3ca305d1d6e644b9a6626812de984d9f7df96d230c6d7544906228e5d266a008
+  data.tar.gz: 0adaef4fa3452878dcb2d113f7e383333c297dd4fb245ce669fd0616c2bf4060
 SHA512:
-  metadata.gz: df32314ab7e9e039861cd39907d1cf4de240b77188d251cc15cf9ae1eb57dd3180b3c9fdcbffebbe8c148e9f7a8a9aaffae38e6737e9a7635aa8d2511eb102c2
-  data.tar.gz: 9089c5e64403d0040f2f183426f56fcf35542361e029838d3be1bfb01d098c4630515e24d083eefd4e72bbc6eb30752d9f9fcfb0e54cd765516d073e4799b7d8
+  metadata.gz: 9d0584ef2799b453aa22f965594dde71dc3f4895ca0747108bd96b99494df68c2603b27f7146a93aed9c8ef02f632142d408c457beb4eaf7932a714f2ee6ab75
+  data.tar.gz: 400040ce79b9f881197e5bc9f60378427972d3e75804e8683f226eefe8e0af76e71737c236796daf27d977ebfa81d528047b7e5949744f5371e74b118c3c2977

data/CHANGELOG.md

@@ -8,6 +8,26 @@
 
 #### Bug Fixes
 
+## 2.6.1
+
+#### Breaking Changes
+
+#### New Features
+
+- React 16.9.0
+- Sprockets users get React_UJS 2.6.1
+
+#### Deprecation
+
+- Removed tests for Rails 3, 4, 5.0
+- Removed tests for Sprockets 2
+- Removed tests for Webpacker 1.1, 2
+
+#### Bug Fixes
+
+- React_UJS 2.6.1 still complies with ES5 #1027 #1026 #1016
+- Support RubyGems pattern for Alpha releases when detecting sprockets version #1047
+
 ## 2.6.0
 
 #### Breaking Changes
@@ -15,6 +35,7 @@
 #### New Features
 
 - Typescript component generator #990
+- Enhanced Turbolinks Support #978 #962
 
 #### Deprecation
 

data/README.md

@@ -74,6 +74,17 @@ gem 'react-rails'
 ```
 
 ##### 3) Now run the installers:
+
+###### Rails 6.x:
+```
+$ bundle install
+$ rails webpacker:install
+$ rails webpacker:install:react
+$ rails generate react:install
+```
+Note: For Rails 6, You don't need to add `javascript_pack_tag` as in Step 4. Since its already added by default.
+
+###### Rails 5.x:
 ```
 $ bundle install
 $ rails webpacker:install       # OR (on rails version < 5.0) rake webpacker:install
@@ -658,7 +669,7 @@ yarn install
 ### Undefined Set
 ```
 ExecJS::ProgramError (identifier 'Set' undefined):
-  
+
 (execjs):1
 ```
 If you see any variation of this issue, see [Using TheRubyRacer](#using-therubyracer)
@@ -670,9 +681,11 @@ TheRubyRacer [hasn't updated LibV8](https://github.com/cowboyd/therubyracer/blob
 LibV8 itself is already [beyond version 7](https://github.com/cowboyd/libv8/releases/tag/v7.3.492.27.1) therefore many serverside issues are caused by old JS engines and fixed by using an up to date one such as [MiniRacer](https://github.com/discourse/mini_racer) or [TheRubyRhino](https://github.com/cowboyd/therubyrhino) on JRuby.
 
 ### HMR
-HMR is possible with this gem as it does just pass through to Webpacker. Please open an issue to let us know tips and tricks for it to add to the wiki.
+Hot Module Replacement is [possible with this gem](https://stackoverflow.com/a/54846330/193785) as it does just pass through to Webpacker. Please open an issue to let us know tips and tricks for it to add to the wiki.
+
+Sample repo that shows HMR working with `react-rails`: [https://github.com/edelgado/react-rails-hmr](https://github.com/edelgado/react-rails-hmr)
 
-One example: [Stack Overflow answer with Babel and Webpacker config](https://stackoverflow.com/a/54846330/193785)
+One caveat is that currently you [cannot Server-Side Render along with HMR](https://github.com/reactjs/react-rails/issues/925#issuecomment-415469572). 
 
 ## Related Projects
 

data/lib/assets/javascripts/react_ujs.js

@@ -236,9 +236,16 @@ var ReactRailsUJS = {
   // This attribute holds which method to use between: ReactDOM.hydrate, ReactDOM.render
   RENDER_ATTR: 'data-hydrate',
 
+  // A unique identifier to identify a node
+  CACHE_ID_ATTR: "data-react-cache-id",
+
+  TURBOLINKS_PERMANENT_ATTR: "data-turbolinks-permanent",
+
   // If jQuery is detected, save a reference to it for event handlers
   jQuery: (typeof window !== 'undefined') && (typeof window.jQuery !== 'undefined') && window.jQuery,
 
+  components: {},
+
   // helper method for the mount and unmount methods to find the
   // `data-react-class` DOM elements
   findDOMNodes: function(searchSelector) {
@@ -304,6 +311,8 @@ var ReactRailsUJS = {
       var propsJson = node.getAttribute(ujs.PROPS_ATTR);
       var props = propsJson && JSON.parse(propsJson);
       var hydrate = node.getAttribute(ujs.RENDER_ATTR);
+      var cacheId = node.getAttribute(ujs.CACHE_ID_ATTR);
+      var turbolinksPermanent = node.hasAttribute(ujs.TURBOLINKS_PERMANENT_ATTR);
 
       if (!constructor) {
         var message = "Cannot find component: '" + className + "'"
@@ -312,13 +321,21 @@ var ReactRailsUJS = {
         }
         throw new Error(message + ". Make sure your component is available to render.")
       } else {
+        var component = this.components[cacheId];
+        if(component === undefined) {
+          component = React.createElement(constructor, props);
+          if(turbolinksPermanent) {
+            this.components[cacheId] = component;
+          }
+        }
+
         if (hydrate && typeof ReactDOM.hydrate === "function") {
-          ReactDOM.hydrate(React.createElement(constructor, props), node);
+          component = ReactDOM.hydrate(component, node);
         } else {
-          ReactDOM.render(React.createElement(constructor, props), node);
+          component = ReactDOM.render(component, node);
         }
       }
-    }
+    } 
   },
 
   // Within `searchSelector`, find nodes which have React components
@@ -422,13 +439,13 @@ module.exports = {
 module.exports = {
   // Turbolinks 5+ got rid of named events (?!)
   setup: function(ujs) {
-    ujs.handleEvent('turbolinks:load', ujs.handleMount)
-    ujs.handleEvent('turbolinks:before-render', ujs.handleUnmount)
+  	ujs.handleEvent('turbolinks:load', ujs.handleMount);
+    ujs.handleEvent('turbolinks:before-render', ujs.handleUnmount);
   },
 
   teardown: function(ujs) {
-    ujs.removeEvent('turbolinks:load', ujs.handleMount)
-    ujs.removeEvent('turbolinks:before-render', ujs.handleUnmount)
+  	ujs.removeEvent('turbolinks:load', ujs.handleMount);
+    ujs.removeEvent('turbolinks:before-render', ujs.handleUnmount);
   },
 }
 

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

@@ -264,7 +264,7 @@
 /* 3 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.8.6
+	/** @license React v16.9.0
 	 * react.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -273,22 +273,22 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';var k=__webpack_require__(4),n="function"===typeof Symbol&&Symbol.for,p=n?Symbol.for("react.element"):60103,q=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,t=n?Symbol.for("react.strict_mode"):60108,u=n?Symbol.for("react.profiler"):60114,v=n?Symbol.for("react.provider"):60109,w=n?Symbol.for("react.context"):60110,x=n?Symbol.for("react.concurrent_mode"):60111,y=n?Symbol.for("react.forward_ref"):60112,z=n?Symbol.for("react.suspense"):60113,aa=n?Symbol.for("react.memo"):
-	60115,ba=n?Symbol.for("react.lazy"):60116,A="function"===typeof Symbol&&Symbol.iterator;function ca(a,b,d,c,e,g,h,f){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[d,c,e,g,h,f],m=0;a=Error(b.replace(/%s/g,function(){return l[m++]}));a.name="Invariant Violation"}a.framesToPop=1;throw a;}}
-	function B(a){for(var b=arguments.length-1,d="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=0;c<b;c++)d+="&args[]="+encodeURIComponent(arguments[c+1]);ca(!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={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},D={};
-	function E(a,b,d){this.props=a;this.context=b;this.refs=D;this.updater=d||C}E.prototype.isReactComponent={};E.prototype.setState=function(a,b){"object"!==typeof a&&"function"!==typeof a&&null!=a?B("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,d){this.props=a;this.context=b;this.refs=D;this.updater=d||C}var H=G.prototype=new F;
-	H.constructor=G;k(H,E.prototype);H.isPureReactComponent=!0;var I={current:null},J={current:null},K=Object.prototype.hasOwnProperty,L={key:!0,ref:!0,__self:!0,__source:!0};
-	function M(a,b,d){var c=void 0,e={},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)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=b[c]);var f=arguments.length-2;if(1===f)e.children=d;else if(1<f){for(var l=Array(f),m=0;m<f;m++)l[m]=arguments[m+2];e.children=l}if(a&&a.defaultProps)for(c in f=a.defaultProps,f)void 0===e[c]&&(e[c]=f[c]);return{$$typeof:p,type:a,key:g,ref:h,props:e,_owner:J.current}}
+	'use strict';var h=__webpack_require__(4),n="function"===typeof Symbol&&Symbol.for,p=n?Symbol.for("react.element"):60103,q=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,t=n?Symbol.for("react.strict_mode"):60108,u=n?Symbol.for("react.profiler"):60114,v=n?Symbol.for("react.provider"):60109,w=n?Symbol.for("react.context"):60110,x=n?Symbol.for("react.forward_ref"):60112,y=n?Symbol.for("react.suspense"):60113,aa=n?Symbol.for("react.suspense_list"):60120,ba=n?Symbol.for("react.memo"):
+	60115,ca=n?Symbol.for("react.lazy"):60116;n&&Symbol.for("react.fundamental");n&&Symbol.for("react.responder");var z="function"===typeof Symbol&&Symbol.iterator;
+	function A(a){for(var b=a.message,d="https://reactjs.org/docs/error-decoder.html?invariant="+b,c=1;c<arguments.length;c++)d+="&args[]="+encodeURIComponent(arguments[c]);a.message="Minified React error #"+b+"; visit "+d+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";return a}var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C={};
+	function D(a,b,d){this.props=a;this.context=b;this.refs=C;this.updater=d||B}D.prototype.isReactComponent={};D.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw A(Error(85));this.updater.enqueueSetState(this,a,b,"setState")};D.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function E(){}E.prototype=D.prototype;function F(a,b,d){this.props=a;this.context=b;this.refs=C;this.updater=d||B}var G=F.prototype=new E;
+	G.constructor=F;h(G,D.prototype);G.isPureReactComponent=!0;var H={current:null},I={suspense:null},J={current:null},K=Object.prototype.hasOwnProperty,L={key:!0,ref:!0,__self:!0,__source:!0};
+	function M(a,b,d){var c=void 0,e={},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)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=b[c]);var f=arguments.length-2;if(1===f)e.children=d;else if(1<f){for(var l=Array(f),m=0;m<f;m++)l[m]=arguments[m+2];e.children=l}if(a&&a.defaultProps)for(c in f=a.defaultProps,f)void 0===e[c]&&(e[c]=f[c]);return{$$typeof:p,type:a,key:g,ref:k,props:e,_owner:J.current}}
 	function da(a,b){return{$$typeof:p,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function N(a){return"object"===typeof a&&null!==a&&a.$$typeof===p}function escape(a){var b={"=":"=0",":":"=2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}var O=/\/+/g,P=[];function Q(a,b,d,c){if(P.length){var e=P.pop();e.result=a;e.keyPrefix=b;e.func=d;e.context=c;e.count=0;return e}return{result:a,keyPrefix:b,func:d,context:c,count:0}}
 	function R(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>P.length&&P.push(a)}
-	function S(a,b,d,c){var e=typeof a;if("undefined"===e||"boolean"===e)a=null;var g=!1;if(null===a)g=!0;else switch(e){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case p:case q:g=!0}}if(g)return d(c,a,""===b?"."+T(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var h=0;h<a.length;h++){e=a[h];var f=b+T(e,h);g+=S(e,f,d,c)}else if(null===a||"object"!==typeof a?f=null:(f=A&&a[A]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=f.call(a),h=
-	0;!(e=a.next()).done;)e=e.value,f=b+T(e,h++),g+=S(e,f,d,c);else"object"===e&&(d=""+a,B("31","[object Object]"===d?"object with keys {"+Object.keys(a).join(", ")+"}":d,""));return g}function U(a,b,d){return null==a?0:S(a,"",b,d)}function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function ea(a,b){a.func.call(a.context,b,a.count++)}
-	function fa(a,b,d){var c=a.result,e=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?V(a,c,d,function(a){return a}):null!=a&&(N(a)&&(a=da(a,e+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(O,"$&/")+"/")+d)),c.push(a))}function V(a,b,d,c,e){var g="";null!=d&&(g=(""+d).replace(O,"$&/")+"/");b=Q(b,g,c,e);U(a,fa,b);R(b)}function W(){var a=I.current;null===a?B("321"):void 0;return a}
-	var X={Children:{map:function(a,b,d){if(null==a)return a;var c=[];V(a,c,null,b,d);return c},forEach:function(a,b,d){if(null==a)return a;b=Q(null,null,b,d);U(a,ea,b);R(b)},count:function(a){return U(a,function(){return null},null)},toArray:function(a){var b=[];V(a,b,null,function(a){return a});return b},only:function(a){N(a)?void 0:B("143");return a}},createRef:function(){return{current:null}},Component:E,PureComponent:G,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:w,_calculateChangedBits:b,
-	_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:v,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:y,render:a}},lazy:function(a){return{$$typeof:ba,_ctor:a,_status:-1,_result:null}},memo:function(a,b){return{$$typeof:aa,type:a,compare:void 0===b?null:b}},useCallback:function(a,b){return W().useCallback(a,b)},useContext:function(a,b){return W().useContext(a,b)},useEffect:function(a,b){return W().useEffect(a,b)},useImperativeHandle:function(a,
-	b,d){return W().useImperativeHandle(a,b,d)},useDebugValue:function(){},useLayoutEffect:function(a,b){return W().useLayoutEffect(a,b)},useMemo:function(a,b){return W().useMemo(a,b)},useReducer:function(a,b,d){return W().useReducer(a,b,d)},useRef:function(a){return W().useRef(a)},useState:function(a){return W().useState(a)},Fragment:r,StrictMode:t,Suspense:z,createElement:M,cloneElement:function(a,b,d){null===a||void 0===a?B("267",a):void 0;var c=void 0,e=k({},a.props),g=a.key,h=a.ref,f=a._owner;if(null!=
-	b){void 0!==b.ref&&(h=b.ref,f=J.current);void 0!==b.key&&(g=""+b.key);var l=void 0;a.type&&a.type.defaultProps&&(l=a.type.defaultProps);for(c in b)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=void 0===b[c]&&void 0!==l?l[c]:b[c])}c=arguments.length-2;if(1===c)e.children=d;else if(1<c){l=Array(c);for(var m=0;m<c;m++)l[m]=arguments[m+2];e.children=l}return{$$typeof:p,type:a.type,key:g,ref:h,props:e,_owner:f}},createFactory:function(a){var b=M.bind(null,a);b.type=a;return b},isValidElement:N,version:"16.8.6",
-	unstable_ConcurrentMode:x,unstable_Profiler:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:I,ReactCurrentOwner:J,assign:k}},Y={default:X},Z=Y&&X||Y;module.exports=Z.default||Z;
+	function S(a,b,d,c){var e=typeof a;if("undefined"===e||"boolean"===e)a=null;var g=!1;if(null===a)g=!0;else switch(e){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case p:case q:g=!0}}if(g)return d(c,a,""===b?"."+T(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var k=0;k<a.length;k++){e=a[k];var f=b+T(e,k);g+=S(e,f,d,c)}else if(null===a||"object"!==typeof a?f=null:(f=z&&a[z]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=f.call(a),k=
+	0;!(e=a.next()).done;)e=e.value,f=b+T(e,k++),g+=S(e,f,d,c);else if("object"===e)throw d=""+a,A(Error(31),"[object Object]"===d?"object with keys {"+Object.keys(a).join(", ")+"}":d,"");return g}function U(a,b,d){return null==a?0:S(a,"",b,d)}function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function ea(a,b){a.func.call(a.context,b,a.count++)}
+	function fa(a,b,d){var c=a.result,e=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?V(a,c,d,function(a){return a}):null!=a&&(N(a)&&(a=da(a,e+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(O,"$&/")+"/")+d)),c.push(a))}function V(a,b,d,c,e){var g="";null!=d&&(g=(""+d).replace(O,"$&/")+"/");b=Q(b,g,c,e);U(a,fa,b);R(b)}function W(){var a=H.current;if(null===a)throw A(Error(321));return a}
+	var X={Children:{map:function(a,b,d){if(null==a)return a;var c=[];V(a,c,null,b,d);return c},forEach:function(a,b,d){if(null==a)return a;b=Q(null,null,b,d);U(a,ea,b);R(b)},count:function(a){return U(a,function(){return null},null)},toArray:function(a){var b=[];V(a,b,null,function(a){return a});return b},only:function(a){if(!N(a))throw A(Error(143));return a}},createRef:function(){return{current:null}},Component:D,PureComponent:F,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:w,_calculateChangedBits:b,
+	_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:v,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:x,render:a}},lazy:function(a){return{$$typeof:ca,_ctor:a,_status:-1,_result:null}},memo:function(a,b){return{$$typeof:ba,type:a,compare:void 0===b?null:b}},useCallback:function(a,b){return W().useCallback(a,b)},useContext:function(a,b){return W().useContext(a,b)},useEffect:function(a,b){return W().useEffect(a,b)},useImperativeHandle:function(a,
+	b,d){return W().useImperativeHandle(a,b,d)},useDebugValue:function(){},useLayoutEffect:function(a,b){return W().useLayoutEffect(a,b)},useMemo:function(a,b){return W().useMemo(a,b)},useReducer:function(a,b,d){return W().useReducer(a,b,d)},useRef:function(a){return W().useRef(a)},useState:function(a){return W().useState(a)},Fragment:r,Profiler:u,StrictMode:t,Suspense:y,unstable_SuspenseList:aa,createElement:M,cloneElement:function(a,b,d){if(null===a||void 0===a)throw A(Error(267),a);var c=void 0,e=
+	h({},a.props),g=a.key,k=a.ref,f=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,f=J.current);void 0!==b.key&&(g=""+b.key);var l=void 0;a.type&&a.type.defaultProps&&(l=a.type.defaultProps);for(c in b)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=void 0===b[c]&&void 0!==l?l[c]:b[c])}c=arguments.length-2;if(1===c)e.children=d;else if(1<c){l=Array(c);for(var m=0;m<c;m++)l[m]=arguments[m+2];e.children=l}return{$$typeof:p,type:a.type,key:g,ref:k,props:e,_owner:f}},createFactory:function(a){var b=M.bind(null,a);
+	b.type=a;return b},isValidElement:N,version:"16.9.0",unstable_withSuspenseConfig:function(a,b){var d=I.suspense;I.suspense=void 0===b?null:b;try{a()}finally{I.suspense=d}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:H,ReactCurrentBatchConfig:I,ReactCurrentOwner:J,IsSomeRendererActing:{current:!1},assign:h}},Y={default:X},Z=Y&&X||Y;module.exports=Z.default||Z;
 
 
 /***/ }),
@@ -391,7 +391,7 @@
 /* 5 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.9.0
 	 * react.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -413,7 +413,7 @@
 
 	// TODO: this is special because it gets imported during build.
 
-	var ReactVersion = '16.8.6';
+	var ReactVersion = '16.9.0';
 
 	// 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.
@@ -426,12 +426,17 @@
 	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
 	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+	// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
 
 	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
 
 	var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 	var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -447,6 +452,19 @@
 	  return null;
 	}
 
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be converted to ReactError during
+	// build, and in production they will be minified.
+
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be converted to ReactError during
+	// build, and in production they will be minified.
+
+	function ReactError(error) {
+	  error.name = 'Invariant Violation';
+	  return error;
+	}
+
 	/**
 	 * Use invariant() to assert state which your program assumes to be true.
 	 *
@@ -458,40 +476,6 @@
 	 * will remain to ensure logic does not differ in production.
 	 */
 
-	var validateFormat = function () {};
-
-	{
-	  validateFormat = function (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 = void 0;
-	    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;
-	  }
-	}
-
-	// Relying on the `invariant()` implementation lets us
-	// preserve the format and params in the www builds.
-
 	/**
 	 * Forked from fbjs/warning:
 	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
@@ -724,7 +708,13 @@
 	 * @protected
 	 */
 	Component.prototype.setState = function (partialState, callback) {
-	  !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? invariant(false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.') : void 0;
+	  (function () {
+	    if (!(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null)) {
+	      {
+	        throw ReactError(Error('setState(...): takes an object of state variables to update or a function which returns an object of state variables.'));
+	      }
+	    }
+	  })();
 	  this.updater.enqueueSetState(this, partialState, callback, 'setState');
 	};
 
@@ -813,6 +803,14 @@
 	  current: null
 	};
 
+	/**
+	 * Keeps track of the current batch's configuration such as how long an update
+	 * should suspend for if it needs to.
+	 */
+	var ReactCurrentBatchConfig = {
+	  suspense: null
+	};
+
 	/**
 	 * Keeps track of the current owner.
 	 *
@@ -884,8 +882,6 @@
 	    return type;
 	  }
 	  switch (type) {
-	    case REACT_CONCURRENT_MODE_TYPE:
-	      return 'ConcurrentMode';
 	    case REACT_FRAGMENT_TYPE:
 	      return 'Fragment';
 	    case REACT_PORTAL_TYPE:
@@ -896,6 +892,8 @@
 	      return 'StrictMode';
 	    case REACT_SUSPENSE_TYPE:
 	      return 'Suspense';
+	    case REACT_SUSPENSE_LIST_TYPE:
+	      return 'SuspenseList';
 	  }
 	  if (typeof type === 'object') {
 	    switch (type.$$typeof) {
@@ -914,6 +912,7 @@
 	          if (resolvedThenable) {
 	            return getComponentName(resolvedThenable);
 	          }
+	          break;
 	        }
 	    }
 	  }
@@ -954,9 +953,19 @@
 	  };
 	}
 
+	/**
+	 * Used by act() to track whether you're inside an act() scope.
+	 */
+
+	var IsSomeRendererActing = {
+	  current: false
+	};
+
 	var ReactSharedInternals = {
 	  ReactCurrentDispatcher: ReactCurrentDispatcher,
+	  ReactCurrentBatchConfig: ReactCurrentBatchConfig,
 	  ReactCurrentOwner: ReactCurrentOwner,
+	  IsSomeRendererActing: IsSomeRendererActing,
 	  // Used by renderers to avoid bundling object-assign twice in UMD bundles:
 	  assign: _assign
 	};
@@ -1070,8 +1079,10 @@
 	 * if something is a React Element.
 	 *
 	 * @param {*} type
+	 * @param {*} props
 	 * @param {*} key
 	 * @param {string|object} ref
+	 * @param {*} owner
 	 * @param {*} self A *temporary* helper to detect places where `this` is
 	 * different from the `owner` when React.createElement is called, so that we
 	 * can warn. We want to get rid of owner and replace string `ref`s with arrow
@@ -1079,8 +1090,6 @@
 	 * change in behavior.
 	 * @param {*} source An annotation object (added by a transpiler or otherwise)
 	 * indicating filename, line number, and/or other information.
-	 * @param {*} owner
-	 * @param {*} props
 	 * @internal
 	 */
 	var ReactElement = function (type, key, ref, self, source, owner, props) {
@@ -1139,6 +1148,73 @@
 	  return element;
 	};
 
+	/**
+	 * https://github.com/reactjs/rfcs/pull/107
+	 * @param {*} type
+	 * @param {object} props
+	 * @param {string} key
+	 */
+
+
+	/**
+	 * https://github.com/reactjs/rfcs/pull/107
+	 * @param {*} type
+	 * @param {object} props
+	 * @param {string} key
+	 */
+	function jsxDEV(type, config, maybeKey, source, self) {
+	  var propName = void 0;
+
+	  // Reserved names are extracted
+	  var props = {};
+
+	  var key = null;
+	  var ref = null;
+
+	  if (hasValidRef(config)) {
+	    ref = config.ref;
+	  }
+
+	  if (hasValidKey(config)) {
+	    key = '' + config.key;
+	  }
+
+	  // Remaining properties are added to a new props object
+	  for (propName in config) {
+	    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+	      props[propName] = config[propName];
+	    }
+	  }
+
+	  // intentionally not checking if key was set above
+	  // this key is higher priority as it's static
+	  if (maybeKey !== undefined) {
+	    key = '' + maybeKey;
+	  }
+
+	  // Resolve default props
+	  if (type && type.defaultProps) {
+	    var defaultProps = type.defaultProps;
+	    for (propName in defaultProps) {
+	      if (props[propName] === undefined) {
+	        props[propName] = defaultProps[propName];
+	      }
+	    }
+	  }
+
+	  if (key || ref) {
+	    var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+	    if (key) {
+	      defineKeyPropWarningGetter(props, displayName);
+	    }
+	    if (ref) {
+	      defineRefPropWarningGetter(props, displayName);
+	    }
+	  }
+
+	  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+	}
+
 	/**
 	 * Create and return a new ReactElement of the given type.
 	 * See https://reactjs.org/docs/react-api.html#createelement
@@ -1230,7 +1306,13 @@
 	 * See https://reactjs.org/docs/react-api.html#cloneelement
 	 */
 	function cloneElement(element, config, children) {
-	  !!(element === null || element === undefined) ? invariant(false, 'React.cloneElement(...): The argument must be a React element, but you passed %s.', element) : void 0;
+	  (function () {
+	    if (!!(element === null || element === undefined)) {
+	      {
+	        throw ReactError(Error('React.cloneElement(...): The argument must be a React element, but you passed ' + element + '.'));
+	      }
+	    }
+	  })();
 
 	  var propName = void 0;
 
@@ -1450,7 +1532,13 @@
 	        addendum = ' If you meant to render a collection of children, use an array ' + 'instead.' + ReactDebugCurrentFrame.getStackAddendum();
 	      }
 	      var childrenString = '' + children;
-	      invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum);
+	      (function () {
+	        {
+	          {
+	            throw ReactError(Error('Objects are not valid as a React child (found: ' + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + ').' + addendum));
+	          }
+	        }
+	      })();
 	    }
 	  }
 
@@ -1626,7 +1714,13 @@
 	 * structure.
 	 */
 	function onlyChild(children) {
-	  !isValidElement(children) ? invariant(false, 'React.Children.only expected to receive a single React element child.') : void 0;
+	  (function () {
+	    if (!isValidElement(children)) {
+	      {
+	        throw ReactError(Error('React.Children.only expected to receive a single React element child.'));
+	      }
+	    }
+	  })();
 	  return children;
 	}
 
@@ -1808,7 +1902,7 @@
 	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_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE);
 	}
 
 	function memo(type, compare) {
@@ -1826,7 +1920,13 @@
 
 	function resolveDispatcher() {
 	  var dispatcher = ReactCurrentDispatcher.current;
-	  !(dispatcher !== null) ? invariant(false, 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.') : void 0;
+	  (function () {
+	    if (!(dispatcher !== null)) {
+	      {
+	        throw ReactError(Error('Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.'));
+	      }
+	    }
+	  })();
 	  return dispatcher;
 	}
 
@@ -1897,6 +1997,30 @@
 	  }
 	}
 
+	var emptyObject$1 = {};
+
+	function useResponder(responder, listenerProps) {
+	  var dispatcher = resolveDispatcher();
+	  {
+	    if (responder == null || responder.$$typeof !== REACT_RESPONDER_TYPE) {
+	      warning$1(false, 'useResponder: invalid first argument. Expected an event responder, but instead got %s', responder);
+	      return;
+	    }
+	  }
+	  return dispatcher.useResponder(responder, listenerProps || emptyObject$1);
+	}
+
+	// Within the scope of the callback, mark all updates as being allowed to suspend.
+	function withSuspenseConfig(scope, config) {
+	  var previousConfig = ReactCurrentBatchConfig.suspense;
+	  ReactCurrentBatchConfig.suspense = config === undefined ? null : config;
+	  try {
+	    scope();
+	  } finally {
+	    ReactCurrentBatchConfig.suspense = previousConfig;
+	  }
+	}
+
 	/**
 	 * ReactElementValidator provides a wrapper around a element factory
 	 * which validates the props passed to the element. This is intended to be
@@ -1920,9 +2044,8 @@
 	  return '';
 	}
 
-	function getSourceInfoErrorAddendum(elementProps) {
-	  if (elementProps !== null && elementProps !== undefined && elementProps.__source !== undefined) {
-	    var source = elementProps.__source;
+	function getSourceInfoErrorAddendum(source) {
+	  if (source !== undefined) {
 	    var fileName = source.fileName.replace(/^.*[\\\/]/, '');
 	    var lineNumber = source.lineNumber;
 	    return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
@@ -1930,6 +2053,13 @@
 	  return '';
 	}
 
+	function getSourceInfoErrorAddendumForProps(elementProps) {
+	  if (elementProps !== null && elementProps !== undefined) {
+	    return getSourceInfoErrorAddendum(elementProps.__source);
+	  }
+	  return '';
+	}
+
 	/**
 	 * Warn if there's no key explicitly set on dynamic arrays of children or
 	 * object keys are not valid. This allows us to keep track of children between
@@ -2090,6 +2220,90 @@
 	  setCurrentlyValidatingElement(null);
 	}
 
+	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+	  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) {
+	    var info = '';
+	    if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).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 sourceInfo = getSourceInfoErrorAddendum(source);
+	    if (sourceInfo) {
+	      info += sourceInfo;
+	    } else {
+	      info += getDeclarationErrorAddendum();
+	    }
+
+	    var typeString = void 0;
+	    if (type === null) {
+	      typeString = 'null';
+	    } else if (Array.isArray(type)) {
+	      typeString = 'array';
+	    } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+	      typeString = '<' + (getComponentName(type.type) || 'Unknown') + ' />';
+	      info = ' Did you accidentally export a JSX literal instead of a component?';
+	    } else {
+	      typeString = typeof type;
+	    }
+
+	    warning$1(false, 'React.jsx: 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 = jsxDEV(type, props, key, source, self);
+
+	  // The result can be nullish if a mock or a custom function is used.
+	  // TODO: Drop this when these are no longer allowed as the type argument.
+	  if (element == null) {
+	    return element;
+	  }
+
+	  // Skip key warning if the type isn't valid since our key validation logic
+	  // doesn't expect a non-string/function type and can throw confusing errors.
+	  // We don't want exception behavior to differ between dev and prod.
+	  // (Rendering will throw with a helpful message and as soon as the type is
+	  // fixed, the key warnings will appear.)
+	  if (validType) {
+	    var children = props.children;
+	    if (children !== undefined) {
+	      if (isStaticChildren) {
+	        for (var i = 0; i < children.length; i++) {
+	          validateChildKeys(children[i], type);
+	        }
+	      } else {
+	        validateChildKeys(children, type);
+	      }
+	    }
+	  }
+
+	  if (props.key !== undefined) {
+	    warning$1(false, 'React.jsx: Spreading a key to JSX is a deprecated pattern. ' + 'Explicitly pass a key after spreading props in your JSX call. ' + 'E.g. <ComponentName {...props} key={key} />');
+	  }
+
+	  if (type === REACT_FRAGMENT_TYPE) {
+	    validateFragmentProps(element);
+	  } else {
+	    validatePropTypes(element);
+	  }
+
+	  return element;
+	}
+
+	// These two functions exist to still get child warnings in dev
+	// even with the prod transform. This means that jsxDEV is purely
+	// opt-in behavior for better messages but that we won't stop
+	// giving you warnings if you use production apis.
+	function jsxWithValidationStatic(type, props, key) {
+	  return jsxWithValidation(type, props, key, true);
+	}
+
+	function jsxWithValidationDynamic(type, props, key) {
+	  return jsxWithValidation(type, props, key, false);
+	}
+
 	function createElementWithValidation(type, props, children) {
 	  var validType = isValidElementType(type);
 
@@ -2101,7 +2315,7 @@
 	      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 sourceInfo = getSourceInfoErrorAddendum(props);
+	    var sourceInfo = getSourceInfoErrorAddendumForProps(props);
 	    if (sourceInfo) {
 	      info += sourceInfo;
 	    } else {
@@ -2180,6 +2394,73 @@
 	  return newElement;
 	}
 
+	var hasBadMapPolyfill = void 0;
+
+	{
+	  hasBadMapPolyfill = false;
+	  try {
+	    var frozenObject = Object.freeze({});
+	    var testMap = new Map([[frozenObject, null]]);
+	    var testSet = new Set([frozenObject]);
+	    // This is necessary for Rollup to not consider these unused.
+	    // https://github.com/rollup/rollup/issues/1771
+	    // TODO: we can remove these if Rollup fixes the bug.
+	    testMap.set(0, 0);
+	    testSet.add(0);
+	  } catch (e) {
+	    // TODO: Consider warning about bad polyfills
+	    hasBadMapPolyfill = true;
+	  }
+	}
+
+	function createFundamentalComponent(impl) {
+	  // We use responder as a Map key later on. When we have a bad
+	  // polyfill, then we can't use it as a key as the polyfill tries
+	  // to add a property to the object.
+	  if (true && !hasBadMapPolyfill) {
+	    Object.freeze(impl);
+	  }
+	  var fundamantalComponent = {
+	    $$typeof: REACT_FUNDAMENTAL_TYPE,
+	    impl: impl
+	  };
+	  {
+	    Object.freeze(fundamantalComponent);
+	  }
+	  return fundamantalComponent;
+	}
+
+	function createEventResponder(displayName, responderConfig) {
+	  var getInitialState = responderConfig.getInitialState,
+	      onEvent = responderConfig.onEvent,
+	      onMount = responderConfig.onMount,
+	      onUnmount = responderConfig.onUnmount,
+	      onOwnershipChange = responderConfig.onOwnershipChange,
+	      onRootEvent = responderConfig.onRootEvent,
+	      rootEventTypes = responderConfig.rootEventTypes,
+	      targetEventTypes = responderConfig.targetEventTypes;
+
+	  var eventResponder = {
+	    $$typeof: REACT_RESPONDER_TYPE,
+	    displayName: displayName,
+	    getInitialState: getInitialState || null,
+	    onEvent: onEvent || null,
+	    onMount: onMount || null,
+	    onOwnershipChange: onOwnershipChange || null,
+	    onRootEvent: onRootEvent || null,
+	    onUnmount: onUnmount || null,
+	    rootEventTypes: rootEventTypes || null,
+	    targetEventTypes: targetEventTypes || null
+	  };
+	  // We use responder as a Map key later on. When we have a bad
+	  // polyfill, then we can't use it as a key as the polyfill tries
+	  // to add a property to the object.
+	  if (true && !hasBadMapPolyfill) {
+	    Object.freeze(eventResponder);
+	  }
+	  return eventResponder;
+	}
+
 	// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
 
 
@@ -2211,13 +2492,55 @@
 	// Only used in www builds.
 
 
+	// Disable javascript: URL strings in href for XSS protection.
+
+
 	// React Fire: prevent the value and checked attributes from syncing
 	// with their related DOM properties
 
 
 	// These APIs will no longer be "unstable" in the upcoming 16.7 release,
 	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
-	var enableStableConcurrentModeAPIs = false;
+
+
+
+
+	// See https://github.com/react-native-community/discussions-and-proposals/issues/72 for more information
+	// This is a flag so we can fix warnings in RN core before turning it on
+
+
+	// Experimental React Flare event system and event components support.
+	var enableFlareAPI = false;
+
+	// Experimental Host Component support.
+	var enableFundamentalAPI = false;
+
+	// New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
+	var enableJSXTransformAPI = false;
+
+	// We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
+	// Till then, we warn about the missing mock, but still fallback to a sync mode compatible version
+
+	// Temporary flag to revert the fix in #15650
+
+
+	// For tests, we flush suspense fallbacks in an act scope;
+	// *except* in some of our own tests, where we test incremental loading states.
+
+
+	// Changes priority of some events like mousemove to user-blocking priority,
+	// but without making them discrete. The flag exists in case it causes
+	// starvation problems.
+
+
+	// Add a callback property to suspense to notify which promises are currently
+	// in the update queue. This allows reporting and tracing of what is causing
+	// the user to see a loading state.
+
+
+	// Part of the simplification of React.createElement so we can eventually move
+	// from React.createElement to React.jsx
+	// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
 
 	var React = {
 	  Children: {
@@ -2249,8 +2572,10 @@
 	  useState: useState,
 
 	  Fragment: REACT_FRAGMENT_TYPE,
+	  Profiler: REACT_PROFILER_TYPE,
 	  StrictMode: REACT_STRICT_MODE_TYPE,
 	  Suspense: REACT_SUSPENSE_TYPE,
+	  unstable_SuspenseList: REACT_SUSPENSE_LIST_TYPE,
 
 	  createElement: createElementWithValidation,
 	  cloneElement: cloneElementWithValidation,
@@ -2259,22 +2584,31 @@
 
 	  version: ReactVersion,
 
-	  unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
-	  unstable_Profiler: REACT_PROFILER_TYPE,
+	  unstable_withSuspenseConfig: withSuspenseConfig,
 
 	  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals
 	};
 
+	if (enableFlareAPI) {
+	  React.unstable_useResponder = useResponder;
+	  React.unstable_createResponder = createEventResponder;
+	}
+
+	if (enableFundamentalAPI) {
+	  React.unstable_createFundamental = createFundamentalComponent;
+	}
+
 	// Note: some APIs are added with feature flags.
 	// Make sure that stable builds for open source
 	// don't modify the React object to avoid deopts.
 	// Also let's not expose their names in stable builds.
 
-	if (enableStableConcurrentModeAPIs) {
-	  React.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-	  React.Profiler = REACT_PROFILER_TYPE;
-	  React.unstable_ConcurrentMode = undefined;
-	  React.unstable_Profiler = undefined;
+	if (enableJSXTransformAPI) {
+	  {
+	    React.jsxDEV = jsxWithValidation;
+	    React.jsx = jsxWithValidationDynamic;
+	    React.jsxs = jsxWithValidationStatic;
+	  }
 	}
 
 
@@ -3633,7 +3967,7 @@
 /* 25 */
 /***/ (function(module, exports) {
 
-	/** @license React v16.8.6
+	/** @license React v16.9.0
 	 * react-is.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -3643,18 +3977,18 @@
 	 */
 
 	'use strict';Object.defineProperty(exports,"__esModule",{value:!0});
-	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.memo"):
-	60115,r=b?Symbol.for("react.lazy"):60116;function t(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return u}}case r:case q:case d:return u}}}function v(a){return t(a)===m}exports.typeOf=t;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;
-	exports.Fragment=e;exports.Lazy=r;exports.Memo=q;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||"object"===typeof a&&null!==a&&(a.$$typeof===r||a.$$typeof===q||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n)};exports.isAsyncMode=function(a){return v(a)||t(a)===l};exports.isConcurrentMode=v;exports.isContextConsumer=function(a){return t(a)===k};
-	exports.isContextProvider=function(a){return t(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return t(a)===n};exports.isFragment=function(a){return t(a)===e};exports.isLazy=function(a){return t(a)===r};exports.isMemo=function(a){return t(a)===q};exports.isPortal=function(a){return t(a)===d};exports.isProfiler=function(a){return t(a)===g};exports.isStrictMode=function(a){return t(a)===f};
-	exports.isSuspense=function(a){return t(a)===p};
+	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):
+	60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.fundamental"):60117,w=b?Symbol.for("react.responder"):60118;function x(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return u}}case t:case r:case d:return u}}}function y(a){return x(a)===m}exports.typeOf=x;exports.AsyncMode=l;
+	exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;
+	exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===v||a.$$typeof===w)};exports.isAsyncMode=function(a){return y(a)||x(a)===l};exports.isConcurrentMode=y;exports.isContextConsumer=function(a){return x(a)===k};exports.isContextProvider=function(a){return x(a)===h};
+	exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return x(a)===n};exports.isFragment=function(a){return x(a)===e};exports.isLazy=function(a){return x(a)===t};exports.isMemo=function(a){return x(a)===r};exports.isPortal=function(a){return x(a)===d};exports.isProfiler=function(a){return x(a)===g};exports.isStrictMode=function(a){return x(a)===f};exports.isSuspense=function(a){return x(a)===p};
 
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.9.0
 	 * react-is.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -3684,17 +4018,22 @@
 	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
 	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+	// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
 	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
 	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
 
 	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_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE);
 	}
 
 	/**
@@ -4570,7 +4909,7 @@
 /* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.8.6
+	/** @license React v16.9.0
 	 * react-dom-server.browser.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -4579,55 +4918,58 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';var p=__webpack_require__(4),q=__webpack_require__(1);function aa(a,b,d,c,f,e,h,g){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var D=[d,c,f,e,h,g],B=0;a=Error(b.replace(/%s/g,function(){return D[B++]}));a.name="Invariant Violation"}a.framesToPop=1;throw a;}}
-	function r(a){for(var b=arguments.length-1,d="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=0;c<b;c++)d+="&args[]="+encodeURIComponent(arguments[c+1]);aa(!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 v="function"===typeof Symbol&&Symbol.for,ba=v?Symbol.for("react.portal"):60106,x=v?Symbol.for("react.fragment"):60107,ca=v?Symbol.for("react.strict_mode"):60108,da=v?Symbol.for("react.profiler"):60114,z=v?Symbol.for("react.provider"):60109,ea=v?Symbol.for("react.context"):60110,fa=v?Symbol.for("react.concurrent_mode"):60111,ha=v?Symbol.for("react.forward_ref"):60112,A=v?Symbol.for("react.suspense"):60113,ia=v?Symbol.for("react.memo"):60115,ja=v?Symbol.for("react.lazy"):60116;
-	function C(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case fa:return"ConcurrentMode";case x:return"Fragment";case ba:return"Portal";case da:return"Profiler";case ca:return"StrictMode";case A:return"Suspense"}if("object"===typeof a)switch(a.$$typeof){case ea:return"Context.Consumer";case z:return"Context.Provider";case ha:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+")":
-	"ForwardRef");case ia:return C(a.type);case ja:if(a=1===a._status?a._result:null)return C(a)}return null}var E=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;E.hasOwnProperty("ReactCurrentDispatcher")||(E.ReactCurrentDispatcher={current:null});var ka={};function F(a,b){for(var d=a._threadCount|0;d<=b;d++)a[d]=a._currentValue2,a._threadCount=d+1}
-	function la(a,b,d){var c=a.contextType;if("object"===typeof c&&null!==c)return F(c,d),c[d];if(a=a.contextTypes){d={};for(var f in a)d[f]=b[f];b=d}else b=ka;return b}for(var G=new Uint16Array(16),H=0;15>H;H++)G[H]=H+1;G[15]=0;
-	var ma=/^[: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]*$/,na=Object.prototype.hasOwnProperty,oa={},pa={};
-	function qa(a){if(na.call(pa,a))return!0;if(na.call(oa,a))return!1;if(ma.test(a))return pa[a]=!0;oa[a]=!0;return!1}function ra(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 sa(a,b,d,c){if(null===b||"undefined"===typeof b||ra(a,b,d,c))return!0;if(c)return!1;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,f){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=f;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","focusable","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,null)});
-	["capture","download"].forEach(function(a){J[a]=new I(a,4,!1,a,null)});["cols","rows","size","span"].forEach(function(a){J[a]=new I(a,6,!1,a,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()}
+	'use strict';var l=__webpack_require__(4),m=__webpack_require__(1);function r(a){for(var b=a.message,d="https://reactjs.org/docs/error-decoder.html?invariant="+b,c=1;c<arguments.length;c++)d+="&args[]="+encodeURIComponent(arguments[c]);a.message="Minified React error #"+b+"; visit "+d+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";return a}
+	var t="function"===typeof Symbol&&Symbol.for,aa=t?Symbol.for("react.portal"):60106,v=t?Symbol.for("react.fragment"):60107,ba=t?Symbol.for("react.strict_mode"):60108,ca=t?Symbol.for("react.profiler"):60114,x=t?Symbol.for("react.provider"):60109,da=t?Symbol.for("react.context"):60110,ea=t?Symbol.for("react.concurrent_mode"):60111,fa=t?Symbol.for("react.forward_ref"):60112,A=t?Symbol.for("react.suspense"):60113,ha=t?Symbol.for("react.suspense_list"):60120,ia=t?Symbol.for("react.memo"):60115,ja=t?Symbol.for("react.lazy"):
+	60116,ka=t?Symbol.for("react.fundamental"):60117;
+	function B(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case v:return"Fragment";case aa:return"Portal";case ca:return"Profiler";case ba:return"StrictMode";case A:return"Suspense";case ha:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case da:return"Context.Consumer";case x:return"Context.Provider";case fa:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+")":"ForwardRef");
+	case ia:return B(a.type);case ja:if(a=1===a._status?a._result:null)return B(a)}return null}var C=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;C.hasOwnProperty("ReactCurrentDispatcher")||(C.ReactCurrentDispatcher={current:null});C.hasOwnProperty("ReactCurrentBatchConfig")||(C.ReactCurrentBatchConfig={suspense:null});var la={};function D(a,b){for(var d=a._threadCount|0;d<=b;d++)a[d]=a._currentValue2,a._threadCount=d+1}
+	function ma(a,b,d,c){if(c&&(c=a.contextType,"object"===typeof c&&null!==c))return D(c,d),c[d];if(a=a.contextTypes){d={};for(var f in a)d[f]=b[f];b=d}else b=la;return b}for(var E=new Uint16Array(16),G=0;15>G;G++)E[G]=G+1;E[15]=0;
+	var na=/^[: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]*$/,oa=Object.prototype.hasOwnProperty,pa={},qa={};
+	function ra(a){if(oa.call(qa,a))return!0;if(oa.call(pa,a))return!1;if(na.test(a))return qa[a]=!0;pa[a]=!0;return!1}function sa(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 ta(a,b,d,c){if(null===b||"undefined"===typeof b||sa(a,b,d,c))return!0;if(c)return!1;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,f,e){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=b;this.sanitizeURL=e}var J={};
+	"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){J[a]=new I(a,0,!1,a,null,!1)});[["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,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){J[a]=new I(a,2,!1,a.toLowerCase(),null,!1)});
+	["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){J[a]=new I(a,2,!1,a,null,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture 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,!1)});
+	["checked","multiple","muted","selected"].forEach(function(a){J[a]=new I(a,3,!0,a,null,!1)});["capture","download"].forEach(function(a){J[a]=new I(a,4,!1,a,null,!1)});["cols","rows","size","span"].forEach(function(a){J[a]=new I(a,6,!1,a,null,!1)});["rowSpan","start"].forEach(function(a){J[a]=new I(a,5,!1,a.toLowerCase(),null,!1)});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")});["tabIndex","crossOrigin"].forEach(function(a){J[a]=new I(a,1,!1,a.toLowerCase(),null)});var ta=/["'&<>]/;
-	function M(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=ta.exec(a);if(b){var d="",c,f=0;for(c=b.index;c<a.length;c++){switch(a.charCodeAt(c)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}f!==c&&(d+=a.substring(f,c));f=c+1;d+=b}a=f!==c?d+a.substring(f,c):d}return a}var N=null,O=null,P=null,Q=!1,S=!1,T=null,U=0;function V(){null===N?r("321"):void 0;return N}
-	function ua(){0<U&&r("312");return{memoizedState:null,queue:null,next:null}}function W(){null===P?null===O?(Q=!1,O=P=ua()):(Q=!0,P=O):null===P.next?(Q=!1,P=P.next=ua()):(Q=!0,P=P.next);return P}function va(a,b,d,c){for(;S;)S=!1,U+=1,P=null,d=a(b,c);O=N=null;U=0;P=T=null;return d}function wa(a,b){return"function"===typeof b?b(a):b}
-	function xa(a,b,d){N=V();P=W();if(Q){var c=P.queue;b=c.dispatch;if(null!==T&&(d=T.get(c),void 0!==d)){T.delete(c);c=P.memoizedState;do c=a(c,d.action),d=d.next;while(null!==d);P.memoizedState=c;return[c,b]}return[P.memoizedState,b]}a=a===wa?"function"===typeof b?b():b:void 0!==d?d(b):b;P.memoizedState=a;a=P.queue={last:null,dispatch:null};a=a.dispatch=ya.bind(null,N,a);return[P.memoizedState,a]}
-	function ya(a,b,d){25>U?void 0:r("301");if(a===N)if(S=!0,a={action:d,next:null},null===T&&(T=new Map),d=T.get(b),void 0===d)T.set(b,a);else{for(b=d;null!==b.next;)b=b.next;b.next=a}}function za(){}
-	var X=0,Aa={readContext:function(a){var b=X;F(a,b);return a[b]},useContext:function(a){V();var b=X;F(a,b);return a[b]},useMemo:function(a,b){N=V();P=W();b=void 0===b?null:b;if(null!==P){var d=P.memoizedState;if(null!==d&&null!==b){a:{var c=d[1];if(null===c)c=!1;else{for(var f=0;f<c.length&&f<b.length;f++){var e=b[f],h=c[f];if((e!==h||0===e&&1/e!==1/h)&&(e===e||h===h)){c=!1;break a}}c=!0}}if(c)return d[0]}}a=a();P.memoizedState=[a,b];return a},useReducer:xa,useRef:function(a){N=V();P=W();var b=P.memoizedState;
-	return null===b?(a={current:a},P.memoizedState=a):b},useState:function(a){return xa(wa,a)},useLayoutEffect:function(){},useCallback:function(a){return a},useImperativeHandle:za,useEffect:za,useDebugValue:za},Ba={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Ca(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 Da={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},Ea=p({menuitem:!0},Da),Y={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,gridArea:!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},Fa=["Webkit","ms","Moz","O"];Object.keys(Y).forEach(function(a){Fa.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);Y[b]=Y[a]})});
-	var Ga=/([A-Z])/g,Ha=/^ms-/,Z=q.Children.toArray,Ia=E.ReactCurrentDispatcher,Ja={listing:!0,pre:!0,textarea:!0},Ka=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,La={},Ma={};function Na(a){if(void 0===a||null===a)return a;var b="";q.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}var Oa=Object.prototype.hasOwnProperty,Pa={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null,suppressHydrationWarning:null};function Qa(a,b){void 0===a&&r("152",C(b)||"Component")}
-	function Ra(a,b,d){function c(c,f){var e=la(f,b,d),g=[],h=!1,l={isMounted:function(){return!1},enqueueForceUpdate:function(){if(null===g)return null},enqueueReplaceState:function(a,b){h=!0;g=[b]},enqueueSetState:function(a,b){if(null===g)return null;g.push(b)}},k=void 0;if(f.prototype&&f.prototype.isReactComponent){if(k=new f(c.props,e,l),"function"===typeof f.getDerivedStateFromProps){var t=f.getDerivedStateFromProps.call(null,c.props,k.state);null!=t&&(k.state=p({},k.state,t))}}else if(N={},k=f(c.props,
-	e,l),k=va(f,c.props,k,e),null==k||null==k.render){a=k;Qa(a,f);return}k.props=c.props;k.context=e;k.updater=l;l=k.state;void 0===l&&(k.state=l=null);if("function"===typeof k.UNSAFE_componentWillMount||"function"===typeof k.componentWillMount)if("function"===typeof k.componentWillMount&&"function"!==typeof f.getDerivedStateFromProps&&k.componentWillMount(),"function"===typeof k.UNSAFE_componentWillMount&&"function"!==typeof f.getDerivedStateFromProps&&k.UNSAFE_componentWillMount(),g.length){l=g;var m=
-	h;g=null;h=!1;if(m&&1===l.length)k.state=l[0];else{t=m?l[0]:k.state;var u=!0;for(m=m?1:0;m<l.length;m++){var w=l[m];w="function"===typeof w?w.call(k,t,c.props,e):w;null!=w&&(u?(u=!1,t=p({},t,w)):p(t,w))}k.state=t}}else g=null;a=k.render();Qa(a,f);c=void 0;if("function"===typeof k.getChildContext&&(e=f.childContextTypes,"object"===typeof e)){c=k.getChildContext();for(var R in c)R in e?void 0:r("108",C(f)||"Unknown",R)}c&&(b=p({},b,c))}for(;q.isValidElement(a);){var f=a,e=f.type;if("function"!==typeof e)break;
-	c(f,e)}return{child:a,context:b}}
-	var Sa=function(){function a(b,d){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");q.isValidElement(b)?b.type!==x?b=[b]:(b=b.props.children,b=q.isValidElement(b)?[b]:Z(b)):b=Z(b);b={type:null,domNamespace:Ba.html,children:b,childIndex:0,context:ka,footer:""};var c=G[0];if(0===c){var f=G;c=f.length;var e=2*c;65536>=e?void 0:r("304");var h=new Uint16Array(e);h.set(f);G=h;G[0]=c+1;for(f=c;f<e-1;f++)G[f]=f+1;G[e-1]=0}else G[0]=G[c];this.threadID=c;this.stack=[b];this.exhausted=
-	!1;this.currentSelectValue=null;this.previousWasTextNode=!1;this.makeStaticMarkup=d;this.suspenseDepth=0;this.contextIndex=-1;this.contextStack=[];this.contextValueStack=[]}a.prototype.destroy=function(){if(!this.exhausted){this.exhausted=!0;this.clearProviders();var a=this.threadID;G[a]=G[0];G[0]=a}};a.prototype.pushProvider=function(a){var b=++this.contextIndex,c=a.type._context,f=this.threadID;F(c,f);var e=c[f];this.contextStack[b]=c;this.contextValueStack[b]=e;c[f]=a.props.value};a.prototype.popProvider=
-	function(){var a=this.contextIndex,d=this.contextStack[a],c=this.contextValueStack[a];this.contextStack[a]=null;this.contextValueStack[a]=null;this.contextIndex--;d[this.threadID]=c};a.prototype.clearProviders=function(){for(var a=this.contextIndex;0<=a;a--)this.contextStack[a][this.threadID]=this.contextValueStack[a]};a.prototype.read=function(a){if(this.exhausted)return null;var b=X;X=this.threadID;var c=Ia.current;Ia.current=Aa;try{for(var f=[""],e=!1;f[0].length<a;){if(0===this.stack.length){this.exhausted=
-	!0;var h=this.threadID;G[h]=G[0];G[0]=h;break}var g=this.stack[this.stack.length-1];if(e||g.childIndex>=g.children.length){var D=g.footer;""!==D&&(this.previousWasTextNode=!1);this.stack.pop();if("select"===g.type)this.currentSelectValue=null;else if(null!=g.type&&null!=g.type.type&&g.type.type.$$typeof===z)this.popProvider(g.type);else if(g.type===A){this.suspenseDepth--;var B=f.pop();if(e){e=!1;var n=g.fallbackFrame;n?void 0:r("303");this.stack.push(n);continue}else f[this.suspenseDepth]+=B}f[this.suspenseDepth]+=
-	D}else{var l=g.children[g.childIndex++],k="";try{k+=this.render(l,g.context,g.domNamespace)}catch(t){throw t;}finally{}f.length<=this.suspenseDepth&&f.push("");f[this.suspenseDepth]+=k}}return f[0]}finally{Ia.current=c,X=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=Ra(a,d,this.threadID);a=d.child;d=d.context;
-	if(null===a||!1===a)return"";if(!q.isValidElement(a)){if(null!=a&&null!=a.$$typeof){var b=a.$$typeof;b===ba?r("257"):void 0;r("258",b.toString())}a=Z(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 ca:case fa:case da:case x:return a=Z(a.props.children),this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""}),"";case A:r("294")}if("object"===
-	typeof b&&null!==b)switch(b.$$typeof){case ha:N={};var e=b.render(a.props,a.ref);e=va(b.render,a.props,e,a.ref);e=Z(e);this.stack.push({type:null,domNamespace:c,children:e,childIndex:0,context:d,footer:""});return"";case ia:return a=[q.createElement(b.type,p({ref:a.ref},a.props))],this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""}),"";case z:return b=Z(a.props.children),c={type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""},this.pushProvider(a),this.stack.push(c),
-	"";case ea:b=a.type;e=a.props;var h=this.threadID;F(b,h);b=Z(e.children(b[h]));this.stack.push({type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""});return"";case ja:r("295")}r("130",null==b?b:typeof b,"")};a.prototype.renderDOM=function(a,d,c){var b=a.type.toLowerCase();c===Ba.html&&Ca(b);La.hasOwnProperty(b)||(Ka.test(b)?void 0:r("65",b),La[b]=!0);var e=a.props;if("input"===b)e=p({type:void 0},e,{defaultChecked:void 0,defaultValue:void 0,value:null!=e.value?e.value:e.defaultValue,
-	checked:null!=e.checked?e.checked:e.defaultChecked});else if("textarea"===b){var h=e.value;if(null==h){h=e.defaultValue;var g=e.children;null!=g&&(null!=h?r("92"):void 0,Array.isArray(g)&&(1>=g.length?void 0:r("93"),g=g[0]),h=""+g);null==h&&(h="")}e=p({},e,{value:void 0,children:""+h})}else if("select"===b)this.currentSelectValue=null!=e.value?e.value:e.defaultValue,e=p({},e,{value:void 0});else if("option"===b){g=this.currentSelectValue;var D=Na(e.children);if(null!=g){var B=null!=e.value?e.value+
-	"":D;h=!1;if(Array.isArray(g))for(var n=0;n<g.length;n++){if(""+g[n]===B){h=!0;break}}else h=""+g===B;e=p({selected:void 0,children:void 0},e,{selected:h,children:D})}}if(h=e)Ea[b]&&(null!=h.children||null!=h.dangerouslySetInnerHTML?r("137",b,""):void 0),null!=h.dangerouslySetInnerHTML&&(null!=h.children?r("60"):void 0,"object"===typeof h.dangerouslySetInnerHTML&&"__html"in h.dangerouslySetInnerHTML?void 0:r("61")),null!=h.style&&"object"!==typeof h.style?r("62",""):void 0;h=e;g=this.makeStaticMarkup;
-	D=1===this.stack.length;B="<"+a.type;for(y in h)if(Oa.call(h,y)){var l=h[y];if(null!=l){if("style"===y){n=void 0;var k="",t="";for(n in l)if(l.hasOwnProperty(n)){var m=0===n.indexOf("--"),u=l[n];if(null!=u){var w=n;if(Ma.hasOwnProperty(w))w=Ma[w];else{var R=w.replace(Ga,"-$1").toLowerCase().replace(Ha,"-ms-");w=Ma[w]=R}k+=t+w+":";t=n;m=null==u||"boolean"===typeof u||""===u?"":m||"number"!==typeof u||0===u||Y.hasOwnProperty(t)&&Y[t]?(""+u).trim():u+"px";k+=m;t=";"}}l=k||null}n=null;b:if(m=b,u=h,-1===
-	m.indexOf("-"))m="string"===typeof u.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)Pa.hasOwnProperty(y)||(n=y,n=qa(n)&&null!=l?n+"="+('"'+M(l)+'"'):"");else{m=y;n=l;l=J.hasOwnProperty(m)?J[m]:null;if(u="style"!==m)u=null!==l?0===l.type:!(2<m.length)||"o"!==m[0]&&"O"!==m[0]||"n"!==m[1]&&"N"!==m[1]?!1:!0;u||sa(m,n,l,!1)?n="":null!==
-	l?(m=l.attributeName,l=l.type,n=3===l||4===l&&!0===n?m+'=""':m+"="+('"'+M(n)+'"')):n=qa(m)?m+"="+('"'+M(n)+'"'):""}n&&(B+=" "+n)}}g||D&&(B+=' data-reactroot=""');var y=B;h="";Da.hasOwnProperty(b)?y+="/>":(y+=">",h="</"+a.type+">");a:{g=e.dangerouslySetInnerHTML;if(null!=g){if(null!=g.__html){g=g.__html;break a}}else if(g=e.children,"string"===typeof g||"number"===typeof g){g=M(g);break a}g=null}null!=g?(e=[],Ja[b]&&"\n"===g.charAt(0)&&(y+="\n"),y+=g):e=Z(e.children);a=a.type;c=null==c||"http://www.w3.org/1999/xhtml"===
-	c?Ca(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:e,childIndex:0,context:d,footer:h});this.previousWasTextNode=!1;return y};return a}(),Ta={renderToString:function(a){a=new Sa(a,!1);try{return a.read(Infinity)}finally{a.destroy()}},renderToStaticMarkup:function(a){a=new Sa(a,!0);try{return a.read(Infinity)}finally{a.destroy()}},renderToNodeStream:function(){r("207")},renderToStaticNodeStream:function(){r("208")},
-	version:"16.8.6"},Ua={default:Ta},Va=Ua&&Ta||Ua;module.exports=Va.default||Va;
+	L);J[b]=new I(b,1,!1,a,null,!1)});"xlink:actuate xlink:arcrole 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",!1)});["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",!1)});["tabIndex","crossOrigin"].forEach(function(a){J[a]=new I(a,1,!1,a.toLowerCase(),null,!1)});
+	J.xlinkHref=new I("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0);["src","href","action","formAction"].forEach(function(a){J[a]=new I(a,1,!1,a.toLowerCase(),null,!0)});var ua=/["'&<>]/;
+	function M(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=ua.exec(a);if(b){var d="",c,f=0;for(c=b.index;c<a.length;c++){switch(a.charCodeAt(c)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}f!==c&&(d+=a.substring(f,c));f=c+1;d+=b}a=f!==c?d+a.substring(f,c):d}return a}
+	function va(a,b){var d=J.hasOwnProperty(a)?J[a]:null;var c;if(c="style"!==a)c=null!==d?0===d.type:!(2<a.length)||"o"!==a[0]&&"O"!==a[0]||"n"!==a[1]&&"N"!==a[1]?!1:!0;if(c||ta(a,b,d,!1))return"";if(null!==d){a=d.attributeName;c=d.type;if(3===c||4===c&&!0===b)return a+'=""';d.sanitizeURL&&(b=""+b);return a+"="+('"'+M(b)+'"')}return ra(a)?a+"="+('"'+M(b)+'"'):""}var N=null,O=null,P=null,Q=!1,R=!1,T=null,U=0;function V(){if(null===N)throw r(Error(321));return N}
+	function wa(){if(0<U)throw r(Error(312));return{memoizedState:null,queue:null,next:null}}function W(){null===P?null===O?(Q=!1,O=P=wa()):(Q=!0,P=O):null===P.next?(Q=!1,P=P.next=wa()):(Q=!0,P=P.next);return P}function xa(a,b,d,c){for(;R;)R=!1,U+=1,P=null,d=a(b,c);O=N=null;U=0;P=T=null;return d}function ya(a,b){return"function"===typeof b?b(a):b}
+	function za(a,b,d){N=V();P=W();if(Q){var c=P.queue;b=c.dispatch;if(null!==T&&(d=T.get(c),void 0!==d)){T.delete(c);c=P.memoizedState;do c=a(c,d.action),d=d.next;while(null!==d);P.memoizedState=c;return[c,b]}return[P.memoizedState,b]}a=a===ya?"function"===typeof b?b():b:void 0!==d?d(b):b;P.memoizedState=a;a=P.queue={last:null,dispatch:null};a=a.dispatch=Aa.bind(null,N,a);return[P.memoizedState,a]}
+	function Aa(a,b,d){if(!(25>U))throw r(Error(301));if(a===N)if(R=!0,a={action:d,next:null},null===T&&(T=new Map),d=T.get(b),void 0===d)T.set(b,a);else{for(b=d;null!==b.next;)b=b.next;b.next=a}}function Ba(){}
+	var X=0,Ca={readContext:function(a){var b=X;D(a,b);return a[b]},useContext:function(a){V();var b=X;D(a,b);return a[b]},useMemo:function(a,b){N=V();P=W();b=void 0===b?null:b;if(null!==P){var d=P.memoizedState;if(null!==d&&null!==b){a:{var c=d[1];if(null===c)c=!1;else{for(var f=0;f<c.length&&f<b.length;f++){var e=b[f],h=c[f];if((e!==h||0===e&&1/e!==1/h)&&(e===e||h===h)){c=!1;break a}}c=!0}}if(c)return d[0]}}a=a();P.memoizedState=[a,b];return a},useReducer:za,useRef:function(a){N=V();P=W();var b=P.memoizedState;
+	return null===b?(a={current:a},P.memoizedState=a):b},useState:function(a){return za(ya,a)},useLayoutEffect:function(){},useCallback:function(a){return a},useImperativeHandle:Ba,useEffect:Ba,useDebugValue:Ba,useResponder:function(a,b){return{props:b,responder:a}}},Da={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
+	function Ea(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 Fa={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},Ga=l({menuitem:!0},Fa),Y={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,gridArea:!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},Ha=["Webkit","ms","Moz","O"];Object.keys(Y).forEach(function(a){Ha.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);Y[b]=Y[a]})});
+	var Ia=/([A-Z])/g,Ja=/^ms-/,Z=m.Children.toArray,Ka=C.ReactCurrentDispatcher,La={listing:!0,pre:!0,textarea:!0},Ma=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Na={},Oa={};function Pa(a){if(void 0===a||null===a)return a;var b="";m.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}var Qa=Object.prototype.hasOwnProperty,Ra={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null,suppressHydrationWarning:null};function Sa(a,b){if(void 0===a)throw r(Error(152),B(b)||"Component");}
+	function Ta(a,b,d){function c(c,f){var e=f.prototype&&f.prototype.isReactComponent,g=ma(f,b,d,e),h=[],w=!1,p={isMounted:function(){return!1},enqueueForceUpdate:function(){if(null===h)return null},enqueueReplaceState:function(a,b){w=!0;h=[b]},enqueueSetState:function(a,b){if(null===h)return null;h.push(b)}},k=void 0;if(e)k=new f(c.props,g,p),"function"===typeof f.getDerivedStateFromProps&&(e=f.getDerivedStateFromProps.call(null,c.props,k.state),null!=e&&(k.state=l({},k.state,e)));else if(N={},k=f(c.props,
+	g,p),k=xa(f,c.props,k,g),null==k||null==k.render){a=k;Sa(a,f);return}k.props=c.props;k.context=g;k.updater=p;p=k.state;void 0===p&&(k.state=p=null);if("function"===typeof k.UNSAFE_componentWillMount||"function"===typeof k.componentWillMount)if("function"===typeof k.componentWillMount&&"function"!==typeof f.getDerivedStateFromProps&&k.componentWillMount(),"function"===typeof k.UNSAFE_componentWillMount&&"function"!==typeof f.getDerivedStateFromProps&&k.UNSAFE_componentWillMount(),h.length){p=h;var q=
+	w;h=null;w=!1;if(q&&1===p.length)k.state=p[0];else{e=q?p[0]:k.state;var y=!0;for(q=q?1:0;q<p.length;q++){var u=p[q];u="function"===typeof u?u.call(k,e,c.props,g):u;null!=u&&(y?(y=!1,e=l({},e,u)):l(e,u))}k.state=e}}else h=null;a=k.render();Sa(a,f);c=void 0;if("function"===typeof k.getChildContext&&(g=f.childContextTypes,"object"===typeof g)){c=k.getChildContext();for(var S in c)if(!(S in g))throw r(Error(108),B(f)||"Unknown",S);}c&&(b=l({},b,c))}for(;m.isValidElement(a);){var f=a,e=f.type;if("function"!==
+	typeof e)break;c(f,e)}return{child:a,context:b}}
+	var Ua=function(){function a(b,d){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");m.isValidElement(b)?b.type!==v?b=[b]:(b=b.props.children,b=m.isValidElement(b)?[b]:Z(b)):b=Z(b);b={type:null,domNamespace:Da.html,children:b,childIndex:0,context:la,footer:""};var c=E[0];if(0===c){var f=E;c=f.length;var e=2*c;if(!(65536>=e))throw r(Error(304));var h=new Uint16Array(e);h.set(f);E=h;E[0]=c+1;for(f=c;f<e-1;f++)E[f]=f+1;E[e-1]=0}else E[0]=E[c];this.threadID=c;this.stack=
+	[b];this.exhausted=!1;this.currentSelectValue=null;this.previousWasTextNode=!1;this.makeStaticMarkup=d;this.suspenseDepth=0;this.contextIndex=-1;this.contextStack=[];this.contextValueStack=[]}a.prototype.destroy=function(){if(!this.exhausted){this.exhausted=!0;this.clearProviders();var a=this.threadID;E[a]=E[0];E[0]=a}};a.prototype.pushProvider=function(a){var b=++this.contextIndex,c=a.type._context,f=this.threadID;D(c,f);var e=c[f];this.contextStack[b]=c;this.contextValueStack[b]=e;c[f]=a.props.value};
+	a.prototype.popProvider=function(){var a=this.contextIndex,d=this.contextStack[a],c=this.contextValueStack[a];this.contextStack[a]=null;this.contextValueStack[a]=null;this.contextIndex--;d[this.threadID]=c};a.prototype.clearProviders=function(){for(var a=this.contextIndex;0<=a;a--)this.contextStack[a][this.threadID]=this.contextValueStack[a]};a.prototype.read=function(a){if(this.exhausted)return null;var b=X;X=this.threadID;var c=Ka.current;Ka.current=Ca;try{for(var f=[""],e=!1;f[0].length<a;){if(0===
+	this.stack.length){this.exhausted=!0;var h=this.threadID;E[h]=E[0];E[0]=h;break}var g=this.stack[this.stack.length-1];if(e||g.childIndex>=g.children.length){var H=g.footer;""!==H&&(this.previousWasTextNode=!1);this.stack.pop();if("select"===g.type)this.currentSelectValue=null;else if(null!=g.type&&null!=g.type.type&&g.type.type.$$typeof===x)this.popProvider(g.type);else if(g.type===A){this.suspenseDepth--;var F=f.pop();if(e){e=!1;var n=g.fallbackFrame;if(!n)throw r(Error(303));this.stack.push(n);
+	f[this.suspenseDepth]+="\x3c!--$!--\x3e";continue}else f[this.suspenseDepth]+=F}f[this.suspenseDepth]+=H}else{var w=g.children[g.childIndex++],p="";try{p+=this.render(w,g.context,g.domNamespace)}catch(k){throw k;}finally{}f.length<=this.suspenseDepth&&f.push("");f[this.suspenseDepth]+=p}}return f[0]}finally{Ka.current=c,X=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=Ta(a,d,this.threadID);a=d.child;d=d.context;if(null===a||!1===a)return"";if(!m.isValidElement(a)){if(null!=a&&null!=a.$$typeof){c=a.$$typeof;if(c===aa)throw r(Error(257));throw r(Error(258),c.toString());}a=Z(a);this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""});return""}var b=a.type;if("string"===typeof b)return this.renderDOM(a,d,c);switch(b){case ba:case ea:case ca:case ha:case v:return a=Z(a.props.children),this.stack.push({type:null,
+	domNamespace:c,children:a,childIndex:0,context:d,footer:""}),"";case A:throw r(Error(294));}if("object"===typeof b&&null!==b)switch(b.$$typeof){case fa:N={};var e=b.render(a.props,a.ref);e=xa(b.render,a.props,e,a.ref);e=Z(e);this.stack.push({type:null,domNamespace:c,children:e,childIndex:0,context:d,footer:""});return"";case ia:return a=[m.createElement(b.type,l({ref:a.ref},a.props))],this.stack.push({type:null,domNamespace:c,children:a,childIndex:0,context:d,footer:""}),"";case x:return b=Z(a.props.children),
+	c={type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""},this.pushProvider(a),this.stack.push(c),"";case da:b=a.type;e=a.props;var h=this.threadID;D(b,h);b=Z(e.children(b[h]));this.stack.push({type:a,domNamespace:c,children:b,childIndex:0,context:d,footer:""});return"";case ka:throw r(Error(338));case ja:throw r(Error(295));}throw r(Error(130),null==b?b:typeof b,"");};a.prototype.renderDOM=function(a,d,c){var b=a.type.toLowerCase();c===Da.html&&Ea(b);if(!Na.hasOwnProperty(b)){if(!Ma.test(b))throw r(Error(65),
+	b);Na[b]=!0}var e=a.props;if("input"===b)e=l({type:void 0},e,{defaultChecked:void 0,defaultValue:void 0,value:null!=e.value?e.value:e.defaultValue,checked:null!=e.checked?e.checked:e.defaultChecked});else if("textarea"===b){var h=e.value;if(null==h){h=e.defaultValue;var g=e.children;if(null!=g){if(null!=h)throw r(Error(92));if(Array.isArray(g)){if(!(1>=g.length))throw r(Error(93));g=g[0]}h=""+g}null==h&&(h="")}e=l({},e,{value:void 0,children:""+h})}else if("select"===b)this.currentSelectValue=null!=
+	e.value?e.value:e.defaultValue,e=l({},e,{value:void 0});else if("option"===b){g=this.currentSelectValue;var H=Pa(e.children);if(null!=g){var F=null!=e.value?e.value+"":H;h=!1;if(Array.isArray(g))for(var n=0;n<g.length;n++){if(""+g[n]===F){h=!0;break}}else h=""+g===F;e=l({selected:void 0,children:void 0},e,{selected:h,children:H})}}if(h=e){if(Ga[b]&&(null!=h.children||null!=h.dangerouslySetInnerHTML))throw r(Error(137),b,"");if(null!=h.dangerouslySetInnerHTML){if(null!=h.children)throw r(Error(60));
+	if(!("object"===typeof h.dangerouslySetInnerHTML&&"__html"in h.dangerouslySetInnerHTML))throw r(Error(61));}if(null!=h.style&&"object"!==typeof h.style)throw r(Error(62),"");}h=e;g=this.makeStaticMarkup;H=1===this.stack.length;F="<"+a.type;for(z in h)if(Qa.call(h,z)){var w=h[z];if(null!=w){if("style"===z){n=void 0;var p="",k="";for(n in w)if(w.hasOwnProperty(n)){var q=0===n.indexOf("--"),y=w[n];if(null!=y){if(q)var u=n;else if(u=n,Oa.hasOwnProperty(u))u=Oa[u];else{var S=u.replace(Ia,"-$1").toLowerCase().replace(Ja,
+	"-ms-");u=Oa[u]=S}p+=k+u+":";k=n;q=null==y||"boolean"===typeof y||""===y?"":q||"number"!==typeof y||0===y||Y.hasOwnProperty(k)&&Y[k]?(""+y).trim():y+"px";p+=q;k=";"}}w=p||null}n=null;b:if(q=b,y=h,-1===q.indexOf("-"))q="string"===typeof y.is;else switch(q){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":q=!1;break b;default:q=!0}q?Ra.hasOwnProperty(z)||(n=z,n=ra(n)&&null!=w?n+"="+
+	('"'+M(w)+'"'):""):n=va(z,w);n&&(F+=" "+n)}}g||H&&(F+=' data-reactroot=""');var z=F;h="";Fa.hasOwnProperty(b)?z+="/>":(z+=">",h="</"+a.type+">");a:{g=e.dangerouslySetInnerHTML;if(null!=g){if(null!=g.__html){g=g.__html;break a}}else if(g=e.children,"string"===typeof g||"number"===typeof g){g=M(g);break a}g=null}null!=g?(e=[],La[b]&&"\n"===g.charAt(0)&&(z+="\n"),z+=g):e=Z(e.children);a=a.type;c=null==c||"http://www.w3.org/1999/xhtml"===c?Ea(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:e,childIndex:0,context:d,footer:h});this.previousWasTextNode=!1;return z};return a}(),Va={renderToString:function(a){a=new Ua(a,!1);try{return a.read(Infinity)}finally{a.destroy()}},renderToStaticMarkup:function(a){a=new Ua(a,!0);try{return a.read(Infinity)}finally{a.destroy()}},renderToNodeStream:function(){throw r(Error(207));},renderToStaticNodeStream:function(){throw r(Error(208));},version:"16.9.0"},Wa={default:Va},Xa=Wa&&Va||
+	Wa;module.exports=Xa.default||Xa;
 
 
 /***/ }),
 /* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.9.0
 	 * react-dom-server.browser.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -4648,6 +4990,23 @@
 	var React = __webpack_require__(1);
 	var checkPropTypes = __webpack_require__(6);
 
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be converted to ReactError during
+	// build, and in production they will be minified.
+
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be converted to ReactError during
+	// build, and in production they will be minified.
+
+	function ReactError(error) {
+	  error.name = 'Invariant Violation';
+	  return error;
+	}
+
+	// TODO: this is special because it gets imported during build.
+
+	var ReactVersion = '16.9.0';
+
 	/**
 	 * Use invariant() to assert state which your program assumes to be true.
 	 *
@@ -4659,44 +5018,6 @@
 	 * will remain to ensure logic does not differ in production.
 	 */
 
-	var validateFormat = function () {};
-
-	{
-	  validateFormat = function (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 = void 0;
-	    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;
-	  }
-	}
-
-	// Relying on the `invariant()` implementation lets us
-	// preserve the format and params in the www builds.
-
-	// TODO: this is special because it gets imported during build.
-
-	var ReactVersion = '16.8.6';
-
 	/**
 	 * 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
@@ -4758,12 +5079,16 @@
 	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
 	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+	// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
 
 	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
 
 	var Resolved = 1;
 
@@ -4794,8 +5119,6 @@
 	    return type;
 	  }
 	  switch (type) {
-	    case REACT_CONCURRENT_MODE_TYPE:
-	      return 'ConcurrentMode';
 	    case REACT_FRAGMENT_TYPE:
 	      return 'Fragment';
 	    case REACT_PORTAL_TYPE:
@@ -4806,6 +5129,8 @@
 	      return 'StrictMode';
 	    case REACT_SUSPENSE_TYPE:
 	      return 'Suspense';
+	    case REACT_SUSPENSE_LIST_TYPE:
+	      return 'SuspenseList';
 	  }
 	  if (typeof type === 'object') {
 	    switch (type.$$typeof) {
@@ -4824,6 +5149,7 @@
 	          if (resolvedThenable) {
 	            return getComponentName(resolvedThenable);
 	          }
+	          break;
 	        }
 	    }
 	  }
@@ -4893,6 +5219,11 @@
 	    current: null
 	  };
 	}
+	if (!ReactSharedInternals.hasOwnProperty('ReactCurrentBatchConfig')) {
+	  ReactSharedInternals.ReactCurrentBatchConfig = {
+	    suspense: null
+	  };
+	}
 
 	/**
 	 * Similar to invariant but only logs a warning if the condition is not met.
@@ -4964,7 +5295,7 @@
 
 
 	// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
-	var warnAboutDeprecatedLifecycles = false;
+	var warnAboutDeprecatedLifecycles = true;
 
 	// Gather advanced timing metrics for Profiler subtrees.
 
@@ -4981,6 +5312,9 @@
 	// Only used in www builds.
 
 
+	// Disable javascript: URL strings in href for XSS protection.
+	var disableJavaScriptURLs = false;
+
 	// React Fire: prevent the value and checked attributes from syncing
 	// with their related DOM properties
 
@@ -4988,6 +5322,49 @@
 	// These APIs will no longer be "unstable" in the upcoming 16.7 release,
 	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
 
+
+
+
+	// See https://github.com/react-native-community/discussions-and-proposals/issues/72 for more information
+	// This is a flag so we can fix warnings in RN core before turning it on
+
+
+	// Experimental React Flare event system and event components support.
+	var enableFlareAPI = false;
+
+	// Experimental Host Component support.
+	var enableFundamentalAPI = false;
+
+	// New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
+
+
+	// We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
+	// Till then, we warn about the missing mock, but still fallback to a sync mode compatible version
+
+	// Temporary flag to revert the fix in #15650
+
+
+	// For tests, we flush suspense fallbacks in an act scope;
+	// *except* in some of our own tests, where we test incremental loading states.
+
+
+	// Changes priority of some events like mousemove to user-blocking priority,
+	// but without making them discrete. The flag exists in case it causes
+	// starvation problems.
+
+
+	// Add a callback property to suspense to notify which promises are currently
+	// in the update queue. This allows reporting and tracing of what is causing
+	// the user to see a loading state.
+
+
+	// Part of the simplification of React.createElement so we can eventually move
+	// from React.createElement to React.jsx
+	// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
+
+
+	var disableLegacyContext = false;
+
 	var ReactDebugCurrentFrame$1 = void 0;
 	var didWarnAboutInvalidateContextType = void 0;
 	{
@@ -5032,45 +5409,72 @@
 	  }
 	}
 
-	function processContext(type, context, threadID) {
-	  var contextType = type.contextType;
-	  {
-	    if ('contextType' in type) {
-	      var isValid =
-	      // Allow null for conditional declaration
-	      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
-
-	      if (!isValid && !didWarnAboutInvalidateContextType.has(type)) {
-	        didWarnAboutInvalidateContextType.add(type);
-
-	        var addendum = '';
-	        if (contextType === undefined) {
-	          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
-	        } else if (typeof contextType !== 'object') {
-	          addendum = ' However, it is set to a ' + typeof contextType + '.';
-	        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-	          addendum = ' Did you accidentally pass the Context.Provider instead?';
-	        } else if (contextType._context !== undefined) {
-	          // <Context.Consumer>
-	          addendum = ' Did you accidentally pass the Context.Consumer instead?';
-	        } else {
-	          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
+	function processContext(type, context, threadID, isClass) {
+	  if (isClass) {
+	    var contextType = type.contextType;
+	    {
+	      if ('contextType' in type) {
+	        var isValid =
+	        // Allow null for conditional declaration
+	        contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+
+	        if (!isValid && !didWarnAboutInvalidateContextType.has(type)) {
+	          didWarnAboutInvalidateContextType.add(type);
+
+	          var addendum = '';
+	          if (contextType === undefined) {
+	            addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
+	          } else if (typeof contextType !== 'object') {
+	            addendum = ' However, it is set to a ' + typeof contextType + '.';
+	          } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
+	            addendum = ' Did you accidentally pass the Context.Provider instead?';
+	          } else if (contextType._context !== undefined) {
+	            // <Context.Consumer>
+	            addendum = ' Did you accidentally pass the Context.Consumer instead?';
+	          } else {
+	            addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
+	          }
+	          warningWithoutStack$1(false, '%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentName(type) || 'Component', addendum);
 	        }
-	        warningWithoutStack$1(false, '%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentName(type) || 'Component', addendum);
 	      }
 	    }
-	  }
-	  if (typeof contextType === 'object' && contextType !== null) {
-	    validateContextBounds(contextType, threadID);
-	    return contextType[threadID];
+	    if (typeof contextType === 'object' && contextType !== null) {
+	      validateContextBounds(contextType, threadID);
+	      return contextType[threadID];
+	    }
+	    if (disableLegacyContext) {
+	      {
+	        if (type.contextTypes) {
+	          warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with static contextType instead.', getComponentName(type) || 'Unknown');
+	        }
+	      }
+	      return emptyObject;
+	    } else {
+	      var maskedContext = maskContext(type, context);
+	      {
+	        if (type.contextTypes) {
+	          checkContextTypes(type.contextTypes, maskedContext, 'context');
+	        }
+	      }
+	      return maskedContext;
+	    }
 	  } else {
-	    var maskedContext = maskContext(type, context);
-	    {
-	      if (type.contextTypes) {
-	        checkContextTypes(type.contextTypes, maskedContext, 'context');
+	    if (disableLegacyContext) {
+	      {
+	        if (type.contextTypes) {
+	          warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with React.useContext() instead.', getComponentName(type) || 'Unknown');
+	        }
+	      }
+	      return undefined;
+	    } else {
+	      var _maskedContext = maskContext(type, context);
+	      {
+	        if (type.contextTypes) {
+	          checkContextTypes(type.contextTypes, _maskedContext, 'context');
+	        }
 	      }
+	      return _maskedContext;
 	    }
-	    return maskedContext;
 	  }
 	}
 
@@ -5088,7 +5492,13 @@
 	  var oldArray = nextAvailableThreadIDs;
 	  var oldSize = oldArray.length;
 	  var newSize = oldSize * 2;
-	  !(newSize <= 0x10000) ? invariant(false, 'Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic.') : void 0;
+	  (function () {
+	    if (!(newSize <= 0x10000)) {
+	      {
+	        throw ReactError(Error('Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic.'));
+	      }
+	    }
+	  })();
 	  var newArray = new Uint16Array(newSize);
 	  newArray.set(oldArray);
 	  nextAvailableThreadIDs = newArray;
@@ -5247,13 +5657,14 @@
 	  return properties.hasOwnProperty(name) ? properties[name] : null;
 	}
 
-	function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace) {
+	function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace, sanitizeURL) {
 	  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;
+	  this.sanitizeURL = sanitizeURL;
 	}
 
 	// When adding attributes to this list, be sure to also add them to
@@ -5269,8 +5680,9 @@
 	'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'].forEach(function (name) {
 	  properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
 	  name, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// A few React string attributes have a different name.
@@ -5281,8 +5693,9 @@
 
 	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
 	  attributeName, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// These are "enumerated" HTML attributes that accept "true" and "false".
@@ -5291,8 +5704,9 @@
 	['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
 	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
 	  name.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// These are "enumerated" SVG attributes that accept "true" and "false".
@@ -5302,21 +5716,23 @@
 	['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
 	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
 	  name, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// 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',
+	'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'disablePictureInPicture', '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);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// These are the few React props that we set as DOM properties
@@ -5327,8 +5743,9 @@
 	'multiple', 'muted', 'selected'].forEach(function (name) {
 	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
 	  name, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// These are HTML attributes that are "overloaded booleans": they behave like
@@ -5336,24 +5753,27 @@
 	['capture', 'download'].forEach(function (name) {
 	  properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
 	  name, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// 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, // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// 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);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	var CAMELIZE = /[\-\:]([a-z])/g;
@@ -5369,23 +5789,26 @@
 	['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);
-	} // attributeNamespace
+	  attributeName, null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
 	// String SVG attributes with the xlink namespace.
-	['xlink:actuate', 'xlink:arcrole', 'xlink:href', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type'].forEach(function (attributeName) {
+	['xlink:actuate', 'xlink:arcrole', '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');
-	});
+	  attributeName, 'http://www.w3.org/1999/xlink', false);
+	} // sanitizeURL
+	);
 
 	// 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');
-	});
+	  attributeName, 'http://www.w3.org/XML/1998/namespace', false);
+	} // sanitizeURL
+	);
 
 	// These attribute exists both in HTML and SVG.
 	// The attribute name is case-sensitive in SVG so we can't just use
@@ -5393,10 +5816,59 @@
 	['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
 	  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
 	  attributeName.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
+	  null, // attributeNamespace
+	  false);
+	} // sanitizeURL
 	);
 
+	// These attributes accept URLs. These must not allow javascript: URLS.
+	// These will also need to accept Trusted Types object in the future.
+	var xlinkHref = 'xlinkHref';
+	properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mustUseProperty
+	'xlink:href', 'http://www.w3.org/1999/xlink', true);
+
+	['src', 'href', 'action', 'formAction'].forEach(function (attributeName) {
+	  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
+	  attributeName.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  true);
+	} // sanitizeURL
+	);
+
+	var ReactDebugCurrentFrame$2 = null;
+	{
+	  ReactDebugCurrentFrame$2 = ReactSharedInternals.ReactDebugCurrentFrame;
+	}
+
+	// A javascript: URL can contain leading C0 control or \u0020 SPACE,
+	// and any newline or tab are filtered out as if they're not part of the URL.
+	// https://url.spec.whatwg.org/#url-parsing
+	// Tab or newline are defined as \r\n\t:
+	// https://infra.spec.whatwg.org/#ascii-tab-or-newline
+	// A C0 control is a code point in the range \u0000 NULL to \u001F
+	// INFORMATION SEPARATOR ONE, inclusive:
+	// https://infra.spec.whatwg.org/#c0-control-or-space
+
+	/* eslint-disable max-len */
+	var isJavaScriptProtocol = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*\:/i;
+
+	var didWarn = false;
+
+	function sanitizeURL(url) {
+	  if (disableJavaScriptURLs) {
+	    (function () {
+	      if (!!isJavaScriptProtocol.test(url)) {
+	        {
+	          throw ReactError(Error('React has blocked a javascript: URL as a security precaution.' + (ReactDebugCurrentFrame$2.getStackAddendum())));
+	        }
+	      }
+	    })();
+	  } else if (true && !didWarn && isJavaScriptProtocol.test(url)) {
+	    didWarn = true;
+	    warning$1(false, 'A future version of React will block javascript: URLs as a security precaution. ' + 'Use event handlers instead if you can. If you need to generate unsafe HTML try ' + 'using dangerouslySetInnerHTML instead. React was passed %s.', JSON.stringify(url));
+	  }
+	}
+
 	// code copied and modified from escape-html
 	/**
 	 * Module variables.
@@ -5528,6 +6000,10 @@
 	    if (type === BOOLEAN || type === OVERLOADED_BOOLEAN && value === true) {
 	      return attributeName + '=""';
 	    } else {
+	      if (propertyInfo.sanitizeURL) {
+	        value = '' + value;
+	        sanitizeURL(value);
+	      }
 	      return attributeName + '=' + quoteAttributeValueForBrowser(value);
 	    }
 	  } else if (isAttributeNameSafe(name)) {
@@ -5578,7 +6054,13 @@
 	var currentHookNameInDev = void 0;
 
 	function resolveCurrentlyRenderingComponent() {
-	  !(currentlyRenderingComponent !== null) ? invariant(false, 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.') : void 0;
+	  (function () {
+	    if (!(currentlyRenderingComponent !== null)) {
+	      {
+	        throw ReactError(Error('Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.'));
+	      }
+	    }
+	  })();
 	  {
 	    !!isInHookUserCodeInDev ? warning$1(false, 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' + 'You can only call Hooks at the top level of your React function. ' + 'For more information, see ' + 'https://fb.me/rules-of-hooks') : void 0;
 	  }
@@ -5611,7 +6093,13 @@
 
 	function createHook() {
 	  if (numberOfReRenders > 0) {
-	    invariant(false, 'Rendered more hooks than during the previous render');
+	    (function () {
+	      {
+	        {
+	          throw ReactError(Error('Rendered more hooks than during the previous render'));
+	        }
+	      }
+	    })();
 	  }
 	  return {
 	    memoizedState: null,
@@ -5845,7 +6333,13 @@
 	}
 
 	function dispatchAction(componentIdentity, queue, action) {
-	  !(numberOfReRenders < RE_RENDER_LIMIT) ? invariant(false, 'Too many re-renders. React limits the number of renders to prevent an infinite loop.') : void 0;
+	  (function () {
+	    if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+	      {
+	        throw ReactError(Error('Too many re-renders. React limits the number of renders to prevent an infinite loop.'));
+	      }
+	    }
+	  })();
 
 	  if (componentIdentity === currentlyRenderingComponent) {
 	    // This is a render phase update. Stash it in a lazily-created map of
@@ -5882,6 +6376,13 @@
 	  return callback;
 	}
 
+	function useResponder(responder, props) {
+	  return {
+	    props: props,
+	    responder: responder
+	  };
+	}
+
 	function noop() {}
 
 	var currentThreadID = 0;
@@ -5904,7 +6405,8 @@
 	  // Effects are not run in the server environment.
 	  useEffect: noop,
 	  // Debugging effect
-	  useDebugValue: noop
+	  useDebugValue: noop,
+	  useResponder: useResponder
 	};
 
 	var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
@@ -5942,14 +6444,14 @@
 	  return parentNamespace;
 	}
 
-	var ReactDebugCurrentFrame$2 = null;
+	var ReactDebugCurrentFrame$3 = null;
 
 	var ReactControlledValuePropTypes = {
 	  checkPropTypes: null
 	};
 
 	{
-	  ReactDebugCurrentFrame$2 = ReactSharedInternals.ReactDebugCurrentFrame;
+	  ReactDebugCurrentFrame$3 = ReactSharedInternals.ReactDebugCurrentFrame;
 
 	  var hasReadOnlyValue = {
 	    button: true,
@@ -5963,13 +6465,13 @@
 
 	  var propTypes = {
 	    value: function (props, propName, componentName) {
-	      if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null) {
+	      if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null || enableFlareAPI && props.listeners) {
 	        return null;
 	      }
 	      return new Error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
 	    },
 	    checked: function (props, propName, componentName) {
-	      if (props.onChange || props.readOnly || props.disabled || props[propName] == null) {
+	      if (props.onChange || props.readOnly || props.disabled || props[propName] == null || enableFlareAPI && props.listeners) {
 	        return null;
 	      }
 	      return new Error('You provided a `checked` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultChecked`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
@@ -5981,7 +6483,7 @@
 	   * this outside of the ReactDOM controlled form components.
 	   */
 	  ReactControlledValuePropTypes.checkPropTypes = function (tagName, props) {
-	    checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$2.getStackAddendum);
+	    checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$3.getStackAddendum);
 	  };
 	}
 
@@ -6018,9 +6520,9 @@
 	// or add stack by default to invariants where possible.
 	var HTML = '__html';
 
-	var ReactDebugCurrentFrame$3 = null;
+	var ReactDebugCurrentFrame$4 = null;
 	{
-	  ReactDebugCurrentFrame$3 = ReactSharedInternals.ReactDebugCurrentFrame;
+	  ReactDebugCurrentFrame$4 = ReactSharedInternals.ReactDebugCurrentFrame;
 	}
 
 	function assertValidProps(tag, props) {
@@ -6029,16 +6531,40 @@
 	  }
 	  // Note the use of `==` which checks for null or undefined.
 	  if (voidElementTags[tag]) {
-	    !(props.children == null && props.dangerouslySetInnerHTML == null) ? invariant(false, '%s is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.%s', tag, ReactDebugCurrentFrame$3.getStackAddendum()) : void 0;
+	    (function () {
+	      if (!(props.children == null && props.dangerouslySetInnerHTML == null)) {
+	        {
+	          throw ReactError(Error(tag + ' is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.' + (ReactDebugCurrentFrame$4.getStackAddendum())));
+	        }
+	      }
+	    })();
 	  }
 	  if (props.dangerouslySetInnerHTML != null) {
-	    !(props.children == null) ? invariant(false, 'Can only set one of `children` or `props.dangerouslySetInnerHTML`.') : void 0;
-	    !(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;
+	    (function () {
+	      if (!(props.children == null)) {
+	        {
+	          throw ReactError(Error('Can only set one of `children` or `props.dangerouslySetInnerHTML`.'));
+	        }
+	      }
+	    })();
+	    (function () {
+	      if (!(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML)) {
+	        {
+	          throw ReactError(Error('`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.'));
+	        }
+	      }
+	    })();
 	  }
 	  {
 	    !(props.suppressContentEditableWarning || !props.contentEditable || props.children == null) ? warning$1(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.') : 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', ReactDebugCurrentFrame$3.getStackAddendum()) : void 0;
+	  (function () {
+	    if (!(props.style == null || typeof props.style === 'object')) {
+	      {
+	        throw ReactError(Error('The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + \'em\'}} when using JSX.' + (ReactDebugCurrentFrame$4.getStackAddendum())));
+	      }
+	    }
+	  })();
 	}
 
 	/**
@@ -6539,6 +7065,7 @@
 	  defer: 'defer',
 	  dir: 'dir',
 	  disabled: 'disabled',
+	  disablepictureinpicture: 'disablePictureInPicture',
 	  download: 'download',
 	  draggable: 'draggable',
 	  enctype: 'encType',
@@ -7245,6 +7772,7 @@
 	var didWarnInvalidOptionChildren = false;
 	var didWarnAboutNoopUpdateForComponent = {};
 	var didWarnAboutBadClass = {};
+	var didWarnAboutModulePatternComponent = {};
 	var didWarnAboutDeprecatedWillMount = {};
 	var didWarnAboutUndefinedDerivedState = {};
 	var didWarnAboutUninitializedState = {};
@@ -7262,7 +7790,13 @@
 	var validatedTagCache = {};
 	function validateDangerousTag(tag) {
 	  if (!validatedTagCache.hasOwnProperty(tag)) {
-	    !VALID_TAG_REGEX.test(tag) ? invariant(false, 'Invalid tag: %s', tag) : void 0;
+	    (function () {
+	      if (!VALID_TAG_REGEX.test(tag)) {
+	        {
+	          throw ReactError(Error('Invalid tag: ' + tag));
+	        }
+	      }
+	    })();
 	    validatedTagCache[tag] = true;
 	  }
 	}
@@ -7292,7 +7826,7 @@
 	      }
 	    }
 	    if (styleValue != null) {
-	      serialized += delimiter + processStyleName(styleName) + ':';
+	      serialized += delimiter + (isCustomProperty ? styleName : processStyleName(styleName)) + ':';
 	      serialized += dangerousStyleValue(styleName, styleValue, isCustomProperty);
 
 	      delimiter = ';';
@@ -7388,6 +7922,9 @@
 	    if (!hasOwnProperty.call(props, propKey)) {
 	      continue;
 	    }
+	    if (enableFlareAPI && propKey === 'listeners') {
+	      continue;
+	    }
 	    var propValue = props[propKey];
 	    if (propValue == null) {
 	      continue;
@@ -7422,7 +7959,13 @@
 
 	function validateRenderResult(child, type) {
 	  if (child === undefined) {
-	    invariant(false, '%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.', getComponentName(type) || 'Component');
+	    (function () {
+	      {
+	        {
+	          throw ReactError(Error((getComponentName(type) || 'Component') + '(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.'));
+	        }
+	      }
+	    })();
 	  }
 	}
 
@@ -7442,7 +7985,8 @@
 
 	  // Extra closure so queue and replace can be captured properly
 	  function processChild(element, Component) {
-	    var publicContext = processContext(Component, context, threadID);
+	    var isClass = shouldConstruct(Component);
+	    var publicContext = processContext(Component, context, threadID, isClass);
 
 	    var queue = [];
 	    var replace = false;
@@ -7470,7 +8014,7 @@
 	    };
 
 	    var inst = void 0;
-	    if (shouldConstruct(Component)) {
+	    if (isClass) {
 	      inst = new Component(element.props, publicContext, updater);
 
 	      if (typeof Component.getDerivedStateFromProps === 'function') {
@@ -7521,6 +8065,14 @@
 	        validateRenderResult(child, Component);
 	        return;
 	      }
+
+	      {
+	        var _componentName3 = getComponentName(Component) || 'Unknown';
+	        if (!didWarnAboutModulePatternComponent[_componentName3]) {
+	          warningWithoutStack$1(false, 'The <%s /> component appears to be a function component that returns a class instance. ' + 'Change %s to a class that extends React.Component instead. ' + "If you can't use a class try assigning the prototype on the function as a workaround. " + "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " + 'cannot be called with `new` by React.', _componentName3, _componentName3, _componentName3);
+	          didWarnAboutModulePatternComponent[_componentName3] = true;
+	        }
+	      }
 	    }
 
 	    inst.props = element.props;
@@ -7535,11 +8087,13 @@
 	      if (typeof inst.componentWillMount === 'function') {
 	        {
 	          if (warnAboutDeprecatedLifecycles && inst.componentWillMount.__suppressDeprecationWarning !== true) {
-	            var _componentName3 = getComponentName(Component) || 'Unknown';
+	            var _componentName4 = 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;
+	            if (!didWarnAboutDeprecatedWillMount[_componentName4]) {
+	              lowPriorityWarning$1(false,
+	              // keep this warning in sync with ReactStrictModeWarning.js
+	              'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://fb.me/react-async-component-lifecycle-hooks for details.\n\n' + '* Move code from componentWillMount to componentDidMount (preferred in most cases) ' + 'or the constructor.\n' + '\nPlease update the following components: %s', _componentName4);
+	              didWarnAboutDeprecatedWillMount[_componentName4] = true;
 	            }
 	          }
 	        }
@@ -7596,19 +8150,34 @@
 	    validateRenderResult(child, Component);
 
 	    var childContext = void 0;
-	    if (typeof inst.getChildContext === 'function') {
-	      var childContextTypes = Component.childContextTypes;
-	      if (typeof childContextTypes === 'object') {
-	        childContext = inst.getChildContext();
-	        for (var contextKey in childContext) {
-	          !(contextKey in childContextTypes) ? invariant(false, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', getComponentName(Component) || 'Unknown', contextKey) : void 0;
+	    if (disableLegacyContext) {
+	      {
+	        var childContextTypes = Component.childContextTypes;
+	        if (childContextTypes !== undefined) {
+	          warningWithoutStack$1(false, '%s uses the legacy childContextTypes API which is no longer supported. ' + 'Use React.createContext() instead.', getComponentName(Component) || 'Unknown');
 	        }
-	      } else {
-	        warningWithoutStack$1(false, '%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', getComponentName(Component) || 'Unknown');
 	      }
-	    }
-	    if (childContext) {
-	      context = _assign({}, context, childContext);
+	    } else {
+	      if (typeof inst.getChildContext === 'function') {
+	        var _childContextTypes = Component.childContextTypes;
+	        if (typeof _childContextTypes === 'object') {
+	          childContext = inst.getChildContext();
+	          for (var contextKey in childContext) {
+	            (function () {
+	              if (!(contextKey in _childContextTypes)) {
+	                {
+	                  throw ReactError(Error((getComponentName(Component) || 'Unknown') + '.getChildContext(): key "' + contextKey + '" is not defined in childContextTypes.'));
+	                }
+	              }
+	            })();
+	          }
+	        } else {
+	          warningWithoutStack$1(false, '%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', getComponentName(Component) || 'Unknown');
+	        }
+	      }
+	      if (childContext) {
+	        context = _assign({}, context, childContext);
+	      }
 	    }
 	  }
 	  return { child: child, context: context };
@@ -7764,8 +8333,15 @@
 	              suspended = false;
 	              // If rendering was suspended at this boundary, render the fallbackFrame
 	              var _fallbackFrame = frame.fallbackFrame;
-	              !_fallbackFrame ? invariant(false, 'suspense fallback not found, something is broken') : void 0;
+	              (function () {
+	                if (!_fallbackFrame) {
+	                  {
+	                    throw ReactError(Error('suspense fallback not found, something is broken'));
+	                  }
+	                }
+	              })();
 	              this.stack.push(_fallbackFrame);
+	              out[this.suspenseDepth] += '<!--$!-->';
 	              // Skip flushing output since we're switching to the fallback
 	              continue;
 	            } else {
@@ -7838,9 +8414,21 @@
 	        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;
+	          (function () {
+	            if (!($$typeof !== REACT_PORTAL_TYPE)) {
+	              {
+	                throw ReactError(Error('Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.'));
+	              }
+	            }
+	          })();
 	          // 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());
+	          (function () {
+	            {
+	              {
+	                throw ReactError(Error('Unknown element-like object type: ' + $$typeof.toString() + '. This is likely a bug in React. Please file an issue.'));
+	              }
+	            }
+	          })();
 	        }
 	        var nextChildren = toArray(nextChild);
 	        var frame = {
@@ -7869,6 +8457,7 @@
 	        case REACT_STRICT_MODE_TYPE:
 	        case REACT_CONCURRENT_MODE_TYPE:
 	        case REACT_PROFILER_TYPE:
+	        case REACT_SUSPENSE_LIST_TYPE:
 	        case REACT_FRAGMENT_TYPE:
 	          {
 	            var _nextChildren = toArray(nextChild.props.children);
@@ -7915,8 +8504,7 @@
 	                children: fallbackChildren,
 	                childIndex: 0,
 	                context: context,
-	                footer: '',
-	                out: ''
+	                footer: '<!--/$-->'
 	              };
 	              var _frame2 = {
 	                fallbackFrame: _fallbackFrame2,
@@ -7935,7 +8523,13 @@
 	              this.suspenseDepth++;
 	              return '<!--$-->';
 	            } else {
-	              invariant(false, 'ReactDOMServer does not yet support Suspense.');
+	              (function () {
+	                {
+	                  {
+	                    throw ReactError(Error('ReactDOMServer does not yet support Suspense.'));
+	                  }
+	                }
+	              })();
 	            }
 	          }
 	        // eslint-disable-next-line-no-fallthrough
@@ -8052,8 +8646,46 @@
 	              this.stack.push(_frame7);
 	              return '';
 	            }
+	          // eslint-disable-next-line-no-fallthrough
+	          case REACT_FUNDAMENTAL_TYPE:
+	            {
+	              if (enableFundamentalAPI) {
+	                var fundamentalImpl = elementType.impl;
+	                var open = fundamentalImpl.getServerSideString(null, nextElement.props);
+	                var getServerSideStringClose = fundamentalImpl.getServerSideStringClose;
+	                var close = getServerSideStringClose !== undefined ? getServerSideStringClose(null, nextElement.props) : '';
+	                var _nextChildren8 = fundamentalImpl.reconcileChildren !== false ? toArray(nextChild.props.children) : [];
+	                var _frame8 = {
+	                  type: null,
+	                  domNamespace: parentNamespace,
+	                  children: _nextChildren8,
+	                  childIndex: 0,
+	                  context: context,
+	                  footer: close
+	                };
+	                {
+	                  _frame8.debugElementStack = [];
+	                }
+	                this.stack.push(_frame8);
+	                return open;
+	              }
+	              (function () {
+	                {
+	                  {
+	                    throw ReactError(Error('ReactDOMServer does not yet support the fundamental API.'));
+	                  }
+	                }
+	              })();
+	            }
+	          // eslint-disable-next-line-no-fallthrough
 	          case REACT_LAZY_TYPE:
-	            invariant(false, 'ReactDOMServer does not yet support lazy-loaded components.');
+	            (function () {
+	              {
+	                {
+	                  throw ReactError(Error('ReactDOMServer does not yet support lazy-loaded components.'));
+	                }
+	              }
+	            })();
 	        }
 	      }
 
@@ -8068,7 +8700,13 @@
 	          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);
+	      (function () {
+	        {
+	          {
+	            throw ReactError(Error('Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ' + (elementType == null ? elementType : typeof elementType) + '.' + info));
+	          }
+	        }
+	      })();
 	    }
 	  };
 
@@ -8131,9 +8769,21 @@
 	          {
 	            warning$1(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
 	          }
-	          !(defaultValue == null) ? invariant(false, 'If you supply `defaultValue` on a <textarea>, do not pass children.') : void 0;
+	          (function () {
+	            if (!(defaultValue == null)) {
+	              {
+	                throw ReactError(Error('If you supply `defaultValue` on a <textarea>, do not pass children.'));
+	              }
+	            }
+	          })();
 	          if (Array.isArray(textareaChildren)) {
-	            !(textareaChildren.length <= 1) ? invariant(false, '<textarea> can only have at most one child.') : void 0;
+	            (function () {
+	              if (!(textareaChildren.length <= 1)) {
+	                {
+	                  throw ReactError(Error('<textarea> can only have at most one child.'));
+	                }
+	              }
+	            })();
 	            textareaChildren = textareaChildren[0];
 	          }
 
@@ -8294,11 +8944,23 @@
 	}
 
 	function renderToNodeStream() {
-	  invariant(false, 'ReactDOMServer.renderToNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToString() instead.');
+	  (function () {
+	    {
+	      {
+	        throw ReactError(Error('ReactDOMServer.renderToNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToString() instead.'));
+	      }
+	    }
+	  })();
 	}
 
 	function renderToStaticNodeStream() {
-	  invariant(false, 'ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToStaticMarkup() instead.');
+	  (function () {
+	    {
+	      {
+	        throw ReactError(Error('ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToStaticMarkup() instead.'));
+	      }
+	    }
+	  })();
 	}
 
 	// Note: when changing this, also consider https://github.com/facebook/react/issues/11526