React Bundle Problem (main[hast].js after build)

React Bundle Problem (main[hast].js after build)
0

#1

I am experiencing a problem using the main[hash].js created after the build

This is the part I am issuing the problem:

"undefined"===typeof Promise&&(n(16).enable(),window.Promise=n(19)),n(20),Object.assign=n(10)}
That's the part I am issuing the problem.

This is the problem:

bundle.js:1 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
    at Object.<anonymous> (bundle.js:1)
    at Object.<anonymous> (bundle.js:1)
    at t (bundle.js:1)
    at Object.<anonymous> (bundle.js:1)
    at t (bundle.js:1)
    at bundle.js:1
    at bundle.js:1
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>

    <p>React is loaded as a script tag.</p>

    <!-- We will put our React component inside this div. -->
    <div id="root"></div>

    <!-- Load React. -->
    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
    <script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/babel-standal[email protected]/babel.min.js"></script>

    <!-- Load our React component. -->
    <script src="bundle.js"></script>

  </body>
</html>
!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=14)}([function(e,t,n){"use strict";e.exports=n(27)},function(e,t,n){var r,o;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)&&r.length){var i=n.apply(null,r);i&&e.push(i)}else if("object"===o)for(var s in r)a.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}var a={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){e.exports=n(25)()},function(e,t,n){e.exports=n.p+"static/media/index.74e402a8.styl"},function(e,t,n){"use strict";var r=function(e){return function(t){return t.type===e||!(!t.props||t.props.componentType!==e)}};t.a=r},function(e,t,n){"use strict";var r=n(24),o=function(e){return e&&e.__esModule?e:{default:e}}(r);e.exports=o.default},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function s(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var c=n(5),u=n.n(c),l=n(1),f=n.n(l),p=n(2),d=n.n(p),y=n(0),h=n.n(y),v=n(7),b=n(8),m=n(31),g=n(4),_=n(3),w=n.n(_),O=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),j=function(){},x=function(e){function t(){var e,n,r,o;a(this,t);for(var s=arguments.length,c=Array(s),u=0;u<s;u++)c[u]=arguments[u];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),r.findNavIcon=Object(m.a)(v.a),r.findNavText=Object(m.a)(b.a),r.isNavItem=Object(g.a)(t),r.isNavIcon=Object(g.a)(v.a),r.isNavText=Object(g.a)(b.a),r.handleSelect=function(e){var t=r.props,n=t.disabled,o=t.onSelect,a=t.eventKey;if(n)return void e.preventDefault();o&&o(a,e)},o=n,i(r,o)}return s(t,e),O(t,[{key:"render",value:function(){var e,t,n=this,a=this.props,i=(a.componentType,a.componentClass),s=a.active,c=a.disabled,l=a.expanded,p=(a.eventKey,a.onClick),d=a.onSelect,v=a.selected,b=a.subnav,m=a.navitemClassName,g=a.navitemStyle,_=a.subnavClassName,O=a.subnavStyle,x=a.className,T=a.style,P=a.children,E=o(a,["componentType","componentClass","active","disabled","expanded","eventKey","onClick","onSelect","selected","subnav","navitemClassName","navitemStyle","subnavClassName","subnavStyle","className","style","children"]),S=this.findNavIcon(P),C=this.findNavText(P),N=S?Object.assign({},S.props):{},k=(N.componentType,N.navIconClassName),I=o(N,["componentType","navIconClassName"]),A=C?Object.assign({},C.props):{},R=(A.componentType,A.navTextClassName),B=o(A,["componentType","navTextClassName"]);if(b){var U,D=s||!!v&&v===this.props.eventKey;return h.a.createElement(i,{role:"presentation",className:f()(x,w.a.sidenavSubnavitem,(U={},r(U,w.a.selected,D),r(U,w.a.disabled,c),U)),style:T},h.a.createElement("div",Object.assign({},E,{className:f()(m,w.a.navitem),style:g,disabled:c,role:"menuitem",tabIndex:"-1",onClick:u()(p,this.handleSelect)}),S&&h.a.createElement("div",Object.assign({},I,{className:f()(k,w.a.navicon)})),C&&h.a.createElement("div",Object.assign({},B,{className:f()(R,w.a.navtext)}))))}var F=[],$=h.a.Children.toArray(P).filter(function(e){return h.a.isValidElement(e)&&n.isNavItem(e)}).map(function(e){return(e.props.active||v&&v===e.props.eventKey)&&F.push(e),Object(y.cloneElement)(e,{subnav:!0,selected:v,onSelect:u()(e.props.onSelect,d)})}),M=h.a.Children.toArray(P).filter(function(e){return!h.a.isValidElement(e)||!(n.isNavIcon(e)||n.isNavText(e)||n.isNavItem(e))}),q=s||!!v&&v===this.props.eventKey||F.length>0,K=$.length>0,L=K&&l,V=L||q;return h.a.createElement(i,{role:"presentation",className:f()(x,w.a.sidenavNavitem,(e={},r(e,w.a.selected,q),r(e,w.a.highlighted,V),r(e,w.a.expandable,K),r(e,w.a.expanded,L),r(e,w.a.disabled,c),e)),style:T},h.a.createElement("div",Object.assign({},E,{className:f()(m,w.a.navitem),style:g,disabled:c,role:"menuitem",tabIndex:"-1",onClick:u()(p,0===$.length?this.handleSelect:j)}),S&&h.a.createElement("div",Object.assign({},I,{className:f()(k,w.a.navicon)})),C&&h.a.createElement("div",Object.assign({},B,{className:f()(R,w.a.navtext)})),M),$.length>0&&h.a.createElement("div",{role:"menu",className:f()(_,w.a.sidenavSubnav),style:O},h.a.createElement(i,{role:"heading",className:f()(w.a.sidenavSubnavitem,(t={},r(t,w.a.highlighted,s),r(t,w.a.disabled,c),t)),style:T},C&&C.props?C.props.children:null),$))}}]),t}(y.PureComponent);x.propTypes={componentType:d.a.any,componentClass:d.a.oneOfType([d.a.string,d.a.func]),active:d.a.bool,disabled:d.a.bool,expanded:d.a.bool,eventKey:d.a.any,onClick:d.a.func,onSelect:d.a.func,selected:d.a.any,subnav:d.a.bool,navitemClassName:d.a.string,navitemStyle:d.a.object,subnavClassName:d.a.string,subnavStyle:d.a.object},x.defaultProps={componentClass:"div",active:!1,disabled:!1,expanded:!1},x.defaultProps.componentType=x,t.a=x},function(e,t,n){"use strict";var r=function(){throw new Error("should not render NavIcon component")};r.defaultProps=Object.assign({},r.defaultProps,{componentType:r}),t.a=r},function(e,t,n){"use strict";var r=function(){throw new Error("should not render NavText component")};r.defaultProps=Object.assign({},r.defaultProps,{componentType:r}),t.a=r},function(e,t,n){"use strict";function r(){}function o(e){try{return e.then}catch(e){return b=e,m}}function a(e,t){try{return e(t)}catch(e){return b=e,m}}function i(e,t,n){try{e(t,n)}catch(e){return b=e,m}}function s(e){if("object"!==typeof this)throw new TypeError("Promises must be constructed via new");if("function"!==typeof e)throw new TypeError("Promise constructor's argument is not a function");this._75=0,this._83=0,this._18=null,this._38=null,e!==r&&h(e,this)}function c(e,t,n){return new e.constructor(function(o,a){var i=new s(r);i.then(o,a),u(e,new y(t,n,i))})}function u(e,t){for(;3===e._83;)e=e._18;if(s._47&&s._47(e),0===e._83)return 0===e._75?(e._75=1,void(e._38=t)):1===e._75?(e._75=2,void(e._38=[e._38,t])):void e._38.push(t);l(e,t)}function l(e,t){v(function(){var n=1===e._83?t.onFulfilled:t.onRejected;if(null===n)return void(1===e._83?f(t.promise,e._18):p(t.promise,e._18));var r=a(n,e._18);r===m?p(t.promise,b):f(t.promise,r)})}function f(e,t){if(t===e)return p(e,new TypeError("A promise cannot be resolved with itself."));if(t&&("object"===typeof t||"function"===typeof t)){var n=o(t);if(n===m)return p(e,b);if(n===e.then&&t instanceof s)return e._83=3,e._18=t,void d(e);if("function"===typeof n)return void h(n.bind(t),e)}e._83=1,e._18=t,d(e)}function p(e,t){e._83=2,e._18=t,s._71&&s._71(e,t),d(e)}function d(e){if(1===e._75&&(u(e,e._38),e._38=null),2===e._75){for(var t=0;t<e._38.length;t++)u(e,e._38[t]);e._38=null}}function y(e,t,n){this.onFulfilled="function"===typeof e?e:null,this.onRejected="function"===typeof t?t:null,this.promise=n}function h(e,t){var n=!1,r=i(e,function(e){n||(n=!0,f(t,e))},function(e){n||(n=!0,p(t,e))});n||r!==m||(n=!0,p(t,b))}var v=n(17),b=null,m={};e.exports=s,s._47=null,s._71=null,s._44=r,s.prototype.then=function(e,t){if(this.constructor!==s)return c(this,e,t);var n=new s(r);return u(this,new y(e,t,n)),n}},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var o=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,s,c=r(e),u=1;u<arguments.length;u++){n=Object(arguments[u]);for(var l in n)a.call(n,l)&&(c[l]=n[l]);if(o){s=o(n);for(var f=0;f<s.length;f++)i.call(n,s[f])&&(c[s[f]]=n[s[f]])}}return c}},function(e,t,n){"use strict";var r=function(e,t,n,r,o,a,i,s){if(!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,a,i,s],l=0;c=new Error(t.replace(/%s/g,function(){return u[l++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}};e.exports=r},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var s=n(1),c=n.n(s),u=n(2),l=n.n(u),f=n(0),p=n.n(f),d=n(3),y=n.n(d),h=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),v=function(e){function t(){return o(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),h(t,[{key:"render",value:function(){var e=this.props,t=(e.componentType,e.componentClass),n=e.expanded,o=e.className,a=e.children,i=r(e,["componentType","componentClass","expanded","className","children"]);return p.a.createElement(t,Object.assign({},i,{role:"button",className:c()(o,y.a.sidenavToggle),"aria-expanded":n}),p.a.createElement("span",{className:y.a.iconBar}),p.a.createElement("span",{className:y.a.iconBar}),p.a.createElement("span",{className:y.a.iconBar}),a)}}]),t}(f.PureComponent);v.propTypes={componentType:l.a.any,componentClass:l.a.oneOfType([l.a.string,l.a.func]),disabled:l.a.bool,expanded:l.a.bool},v.defaultProps={componentClass:"button",disabled:!1,expanded:!1},v.defaultProps.componentType=v,t.a=v},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function s(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var c=n(5),u=n.n(c),l=n(1),f=n.n(l),p=n(2),d=n.n(p),y=n(0),h=n.n(y),v=n(6),b=n(4),m=n(3),g=n.n(m),_=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),w=function(){},O=function(e){function t(){var e,n,r,o;a(this,t);for(var s=arguments.length,c=Array(s),u=0;u<s;u++)c[u]=arguments[u];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),r.state={expandedNavItem:null,selected:r.props.defaultSelected,defaultSelected:r.props.defaultSelected},r.isNavItem=Object(b.a)(v.a),o=n,i(r,o)}return s(t,e),_(t,[{key:"handleClickOnExpanded",value:function(e,t){this.props.expanded&&this.setState(function(t){return{expandedNavItem:t.expandedNavItem!==e?e:""}})}},{key:"renderNavItem",value:function(e,t){var n=this,r=t.onSelect,a=o(t,["onSelect"]),i=Object.assign({},e.props),s=i.eventKey;return Object(y.cloneElement)(e,Object.assign({},a,{onClick:u()(e.props.onClick,function(e){n.handleClickOnExpanded(s,e)}),onSelect:u()(this.state.defaultSelected?function(e){n.setState({selected:e})}:w,e.props.onSelect,r)}))}},{key:"render",value:function(){var e=this,t=this.props,n=(t.componentType,t.componentClass),a=t.onSelect,i=t.selected,s=(t.defaultSelected,t.expanded),c=t.className,u=t.children,l=o(t,["componentType","componentClass","onSelect","selected","defaultSelected","expanded","className","children"]),p=this.state.defaultSelected?this.state.selected:i;return h.a.createElement(n,Object.assign({},l,{role:"menu",className:f()(c,g.a.sidenavNav,r({},g.a.expanded,s))}),h.a.Children.map(u,function(t){return h.a.isValidElement(t)&&e.isNavItem(t)?e.renderNavItem(t,{onSelect:a,selected:p,expanded:!!t.props.expanded||s&&!!e.state.expandedNavItem&&e.state.expandedNavItem===t.props.eventKey}):t}))}}]),t}(y.PureComponent);O.propTypes={componentType:d.a.any,componentClass:d.a.oneOfType([d.a.string,d.a.func]),onSelect:d.a.func,selected:d.a.any,defaultSelected:d.a.any,expanded:d.a.bool},O.defaultProps={componentClass:"div"},O.defaultProps.componentType=O,t.a=O},function(e,t,n){n(15),e.exports=n(21)},function(e,t,n){"use strict";console.log("hey");"undefined"===typeof Promise&&(n(16).enable(),window.Promise=n(19)),n(20),Object.assign=n(10)},console.log("hey"),function(e,t,n){"use strict";function r(){u=!1,s._47=null,s._71=null}function o(e){function t(t){(e.allRejections||i(f[t].error,e.whitelist||c))&&(f[t].displayId=l++,e.onUnhandled?(f[t].logged=!0,e.onUnhandled(f[t].displayId,f[t].error)):(f[t].logged=!0,a(f[t].displayId,f[t].error)))}function n(t){f[t].logged&&(e.onHandled?e.onHandled(f[t].displayId,f[t].error):f[t].onUnhandled||(console.warn("Promise Rejection Handled (id: "+f[t].displayId+"):"),console.warn('  This means you can ignore any previous messages of the form "Possible Unhandled Promise Rejection" with id '+f[t].displayId+".")))}e=e||{},u&&r(),u=!0;var o=0,l=0,f={};s._47=function(e){2===e._83&&f[e._56]&&(f[e._56].logged?n(e._56):clearTimeout(f[e._56].timeout),delete f[e._56])},s._71=function(e,n){0===e._75&&(e._56=o++,f[e._56]={displayId:null,error:n,timeout:setTimeout(t.bind(null,e._56),i(n,c)?100:2e3),logged:!1})}}function a(e,t){console.warn("Possible Unhandled Promise Rejection (id: "+e+"):"),((t&&(t.stack||t))+"").split("\n").forEach(function(e){console.warn("  "+e)})}function i(e,t){return t.some(function(t){return e instanceof t})}var s=n(9),c=[ReferenceError,TypeError,RangeError],u=!1;t.disable=r,t.enable=o},function(e,t,n){"use strict";(function(t){function n(e){i.length||(a(),s=!0),i[i.length]=e}function r(){for(;c<i.length;){var e=c;if(c+=1,i[e].call(),c>u){for(var t=0,n=i.length-c;t<n;t++)i[t]=i[t+c];i.length-=c,c=0}}i.length=0,c=0,s=!1}function o(e){return function(){function t(){clearTimeout(n),clearInterval(r),e()}var n=setTimeout(t,0),r=setInterval(t,50)}}e.exports=n;var a,i=[],s=!1,c=0,u=1024,l="undefined"!==typeof t?t:self,f=l.MutationObserver||l.WebKitMutationObserver;a="function"===typeof f?function(e){var t=1,n=new f(e),r=document.createTextNode("");return n.observe(r,{characterData:!0}),function(){t=-t,r.data=t}}(r):o(r),n.requestFlush=a,n.makeRequestCallFromTimer=o}).call(t,n(18))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"===typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function r(e){var t=new o(o._44);return t._83=1,t._18=e,t}var o=n(9);e.exports=o;var a=r(!0),i=r(!1),s=r(null),c=r(void 0),u=r(0),l=r("");o.resolve=function(e){if(e instanceof o)return e;if(null===e)return s;if(void 0===e)return c;if(!0===e)return a;if(!1===e)return i;if(0===e)return u;if(""===e)return l;if("object"===typeof e||"function"===typeof e)try{var t=e.then;if("function"===typeof t)return new o(t.bind(e))}catch(e){return new o(function(t,n){n(e)})}return r(e)},o.all=function(e){var t=Array.prototype.slice.call(e);return new o(function(e,n){function r(i,s){if(s&&("object"===typeof s||"function"===typeof s)){if(s instanceof o&&s.then===o.prototype.then){for(;3===s._83;)s=s._18;return 1===s._83?r(i,s._18):(2===s._83&&n(s._18),void s.then(function(e){r(i,e)},n))}var c=s.then;if("function"===typeof c){return void new o(c.bind(s)).then(function(e){r(i,e)},n)}}t[i]=s,0===--a&&e(t)}if(0===t.length)return e([]);for(var a=t.length,i=0;i<t.length;i++)r(i,t[i])})},o.reject=function(e){return new o(function(t,n){n(e)})},o.race=function(e){return new o(function(t,n){e.forEach(function(e){o.resolve(e).then(t,n)})})},o.prototype.catch=function(e){return this.then(null,e)}},function(e,t){!function(e){"use strict";function t(e){if("string"!==typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function n(e){return"string"!==typeof e&&(e=String(e)),e}function r(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return b.iterable&&(t[Symbol.iterator]=function(){return t}),t}function o(e){this.map={},e instanceof o?e.forEach(function(e,t){this.append(t,e)},this):Array.isArray(e)?e.forEach(function(e){this.append(e[0],e[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}function a(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function i(e){return new Promise(function(t,n){e.onload=function(){t(e.result)},e.onerror=function(){n(e.error)}})}function s(e){var t=new FileReader,n=i(t);return t.readAsArrayBuffer(e),n}function c(e){var t=new FileReader,n=i(t);return t.readAsText(e),n}function u(e){for(var t=new Uint8Array(e),n=new Array(t.length),r=0;r<t.length;r++)n[r]=String.fromCharCode(t[r]);return n.join("")}function l(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function f(){return this.bodyUsed=!1,this._initBody=function(e){if(this._bodyInit=e,e)if("string"===typeof e)this._bodyText=e;else if(b.blob&&Blob.prototype.isPrototypeOf(e))this._bodyBlob=e;else if(b.formData&&FormData.prototype.isPrototypeOf(e))this._bodyFormData=e;else if(b.searchParams&&URLSearchParams.prototype.isPrototypeOf(e))this._bodyText=e.toString();else if(b.arrayBuffer&&b.blob&&g(e))this._bodyArrayBuffer=l(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer]);else{if(!b.arrayBuffer||!ArrayBuffer.prototype.isPrototypeOf(e)&&!_(e))throw new Error("unsupported BodyInit type");this._bodyArrayBuffer=l(e)}else this._bodyText="";this.headers.get("content-type")||("string"===typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):b.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},b.blob&&(this.blob=function(){var e=a(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?a(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(s)}),this.text=function(){var e=a(this);if(e)return e;if(this._bodyBlob)return c(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(u(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},b.formData&&(this.formData=function(){return this.text().then(y)}),this.json=function(){return this.text().then(JSON.parse)},this}function p(e){var t=e.toUpperCase();return w.indexOf(t)>-1?t:e}function d(e,t){t=t||{};var n=t.body;if(e instanceof d){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,n||null==e._bodyInit||(n=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=p(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function y(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var n=e.split("="),r=n.shift().replace(/\+/g," "),o=n.join("=").replace(/\+/g," ");t.append(decodeURIComponent(r),decodeURIComponent(o))}}),t}function h(e){var t=new o;return e.split(/\r?\n/).forEach(function(e){var n=e.split(":"),r=n.shift().trim();if(r){var o=n.join(":").trim();t.append(r,o)}}),t}function v(e,t){t||(t={}),this.type="default",this.status="status"in t?t.status:200,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var b={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(b.arrayBuffer)var m=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],g=function(e){return e&&DataView.prototype.isPrototypeOf(e)},_=ArrayBuffer.isView||function(e){return e&&m.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,r){e=t(e),r=n(r);var o=this.map[e];this.map[e]=o?o+","+r:r},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,r){this.map[t(e)]=n(r)},o.prototype.forEach=function(e,t){for(var n in this.map)this.map.hasOwnProperty(n)&&e.call(t,this.map[n],n,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,n){e.push(n)}),r(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),r(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,n){e.push([n,t])}),r(e)},b.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var w=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];d.prototype.clone=function(){return new d(this,{body:this._bodyInit})},f.call(d.prototype),f.call(v.prototype),v.prototype.clone=function(){return new v(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},v.error=function(){var e=new v(null,{status:0,statusText:""});return e.type="error",e};var O=[301,302,303,307,308];v.redirect=function(e,t){if(-1===O.indexOf(t))throw new RangeError("Invalid status code");return new v(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=d,e.Response=v,e.fetch=function(e,t){return new Promise(function(n,r){var o=new d(e,t),a=new XMLHttpRequest;a.onload=function(){var e={status:a.status,statusText:a.statusText,headers:h(a.getAllResponseHeaders()||"")};e.url="responseURL"in a?a.responseURL:e.headers.get("X-Request-URL");var t="response"in a?a.response:a.responseText;n(new v(t,e))},a.onerror=function(){r(new TypeError("Network request failed"))},a.ontimeout=function(){r(new TypeError("Network request failed"))},a.open(o.method,o.url,!0),"include"===o.credentials&&(a.withCredentials=!0),"responseType"in a&&b.blob&&(a.responseType="blob"),o.headers.forEach(function(e,t){a.setRequestHeader(t,e)}),a.send("undefined"===typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!==typeof self?self:this)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){var r=n(23),o=n(12);n.d(t,"Toggle",function(){return o.a});var a=n(13);n.d(t,"Nav",function(){return a.a});var i=n(6);n.d(t,"NavItem",function(){return i.a});var s=n(7);n.d(t,"NavIcon",function(){return s.a});var c=n(8);n.d(t,"NavText",function(){return c.a}),e.exports=r.a}.call(t,n(22)(e))},function(e,t){e.exports=function(e){if(!e.webpackPolyfill){var t=Object.create(e);t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),Object.defineProperty(t,"exports",{enumerable:!0}),t.webpackPolyfill=1}return t}},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function s(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var c=n(5),u=n.n(c),l=n(1),f=n.n(l),p=n(2),d=n.n(p),y=n(0),h=n.n(y),v=n(28),b=n.n(v),m=n(30),g=n.n(m),_=n(12),w=n(13),O=n(6),j=n(7),x=n(8),T=n(3),P=n.n(T),E=n(4),S=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),C=function(e){function t(){var e,n,r,o;a(this,t);for(var s=arguments.length,c=Array(s),u=0;u<s;u++)c[u]=arguments[u];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),r.isToggle=Object(E.a)(_.a),r.isNav=Object(E.a)(w.a),r.child={toggle:null,nav:null},r.handleClick=function(e){r.props.disabled||r.toggleExpanded("click")},o=n,i(r,o)}return s(t,e),S(t,[{key:"toggleExpanded",value:function(e){var t=!this.props.expanded;this.props.onToggle&&this.props.onToggle(t)}},{key:"renderToggle",value:function(e,t){var n=this,r=function(e){n.child.toggle=e};return"string"===typeof e.ref?g()(!1,"String refs are not supported on `<SideNav.Toggle>` component. To apply a ref to the component use the callback signature:\n\n https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"):r=u()(e.ref,r),Object(y.cloneElement)(e,Object.assign({},t,{ref:r,onClick:u()(e.props.onClick,this.handleClick)}))}},{key:"renderNav",value:function(e,t){var n=this,r=t.onSelect,a=o(t,["onSelect"]),i=function(e){n.child.nav=e};return"string"===typeof e.ref?g()(!1,"String refs are not supported on `<SideNav.Nav>` component. To apply a ref to the component use the callback signature:\n\n https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"):i=u()(e.ref,i),Object(y.cloneElement)(e,Object.assign({},a,{ref:i,onSelect:u()(e.props.onSelect,r)}))}},{key:"render",value:function(){var e,t=this,n=this.props,a=(n.componentType,n.componentClass),i=n.disabled,s=n.expanded,c=(n.onToggle,n.onSelect),u=n.className,l=n.children,p=o(n,["componentType","componentClass","disabled","expanded","onToggle","onSelect","className","children"]);return h.a.createElement(a,Object.assign({},p,{className:f()(u,P.a.sidenav,(e={},r(e,P.a.disabled,i),r(e,P.a.expanded,s),r(e,P.a.collapsed,!s),e))}),h.a.Children.map(l,function(e){return h.a.isValidElement(e)?t.isToggle(e)?t.renderToggle(e,{disabled:i,expanded:s}):t.isNav(e)?t.renderNav(e,{onSelect:c,expanded:s}):e:e}))}}]),t}(y.PureComponent);C.propTypes={componentType:d.a.any,componentClass:d.a.oneOfType([d.a.string,d.a.func]),disabled:d.a.bool,expanded:d.a.bool,onToggle:d.a.func,onSelect:d.a.func},C.defaultProps={componentClass:"nav"},C.defaultProps.componentType=C;var N=b()(C,{expanded:"onToggle"});N.Toggle=_.a,N.Nav=w.a,N.NavItem=O.a,N.NavIcon=j.a,N.NavText=x.a,t.a=N},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(function(e){return"function"===typeof e}).reduce(function(e,t){return null===e?t:function(){for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];e.apply(this,r),t.apply(this,r)}},null)}},function(e,t,n){"use strict";function r(){}var o=n(26);e.exports=function(){function e(e,t,n,r,a,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";function r(e,t,n,r,o,a,i,s){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;e=Error(t.replace(/%s/g,function(){return c[u++]})),e.name="Invariant Violation"}throw e.framesToPop=1,e}}function o(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,o=0;o<t;o++)n+="&args[]="+encodeURIComponent(arguments[o+1]);r(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}function a(e,t,n){this.props=e,this.context=t,this.refs=R,this.updater=n||A}function i(){}function s(e,t,n){this.props=e,this.context=t,this.refs=R,this.updater=n||A}function c(e,t,n){var r=void 0,o={},a=null,i=null;if(null!=t)for(r in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(a=""+t.key),t)D.call(t,r)&&!F.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=n;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:j,type:e,key:a,ref:i,props:o,_owner:U.current}}function u(e,t){return{$$typeof:j,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function l(e){return"object"===typeof e&&null!==e&&e.$$typeof===j}function f(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}function p(e,t,n,r){if(M.length){var o=M.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function d(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>M.length&&M.push(e)}function y(e,t,n,r){var a=typeof e;"undefined"!==a&&"boolean"!==a||(e=null);var i=!1;if(null===e)i=!0;else switch(a){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case j:case x:i=!0}}if(i)return n(r,e,""===t?"."+v(e,0):t),1;if(i=0,t=""===t?".":t+":",Array.isArray(e))for(var s=0;s<e.length;s++){a=e[s];var c=t+v(a,s);i+=y(a,c,n,r)}else if(null===e||"object"!==typeof e?c=null:(c=I&&e[I]||e["@@iterator"],c="function"===typeof c?c:null),"function"===typeof c)for(e=c.call(e),s=0;!(a=e.next()).done;)a=a.value,c=t+v(a,s++),i+=y(a,c,n,r);else"object"===a&&(n=""+e,o("31","[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n,""));return i}function h(e,t,n){return null==e?0:y(e,"",t,n)}function v(e,t){return"object"===typeof e&&null!==e&&null!=e.key?f(e.key):t.toString(36)}function b(e,t){e.func.call(e.context,t,e.count++)}function m(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?g(e,r,n,function(e){return e}):null!=e&&(l(e)&&(e=u(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace($,"$&/")+"/")+n)),r.push(e))}function g(e,t,n,r,o){var a="";null!=n&&(a=(""+n).replace($,"$&/")+"/"),t=p(t,a,r,o),h(e,m,t),d(t)}function _(e,t){var n=U.currentDispatcher;return null===n&&o("277"),n.readContext(e,t)}var w=n(10),O="function"===typeof Symbol&&Symbol.for,j=O?Symbol.for("react.element"):60103,x=O?Symbol.for("react.portal"):60106,T=O?Symbol.for("react.fragment"):60107,P=O?Symbol.for("react.strict_mode"):60108,E=O?Symbol.for("react.profiler"):60114,S=O?Symbol.for("react.provider"):60109,C=O?Symbol.for("react.context"):60110,N=O?Symbol.for("react.async_mode"):60111,k=O?Symbol.for("react.forward_ref"):60112;O&&Symbol.for("react.placeholder");var I="function"===typeof Symbol&&Symbol.iterator,A={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},R={};a.prototype.isReactComponent={},a.prototype.setState=function(e,t){"object"!==typeof e&&"function"!==typeof e&&null!=e&&o("85"),this.updater.enqueueSetState(this,e,t,"setState")},a.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},i.prototype=a.prototype;var B=s.prototype=new i;B.constructor=s,w(B,a.prototype),B.isPureReactComponent=!0;var U={current:null,currentDispatcher:null},D=Object.prototype.hasOwnProperty,F={key:!0,ref:!0,__self:!0,__source:!0},$=/\/+/g,M=[],q={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return g(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;t=p(null,null,t,n),h(e,b,t),d(t)},count:function(e){return h(e,function(){return null},null)},toArray:function(e){var t=[];return g(e,t,null,function(e){return e}),t},only:function(e){return l(e)||o("143"),e}},createRef:function(){return{current:null}},Component:a,PureComponent:s,createContext:function(e,t){return void 0===t&&(t=null),e={$$typeof:C,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,Provider:null,Consumer:null,unstable_read:null},e.Provider={$$typeof:S,_context:e},e.Consumer=e,e.unstable_read=_.bind(null,e),e},forwardRef:function(e){return{$$typeof:k,render:e}},Fragment:T,StrictMode:P,unstable_AsyncMode:N,unstable_Profiler:E,createElement:c,cloneElement:function(e,t,n){(null===e||void 0===e)&&o("267",e);var r=void 0,a=w({},e.props),i=e.key,s=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(s=t.ref,c=U.current),void 0!==t.key&&(i=""+t.key);var u=void 0;e.type&&e.type.defaultProps&&(u=e.type.defaultProps);for(r in t)D.call(t,r)&&!F.hasOwnProperty(r)&&(a[r]=void 0===t[r]&&void 0!==u?u[r]:t[r])}if(1===(r=arguments.length-2))a.children=n;else if(1<r){u=Array(r);for(var l=0;l<r;l++)u[l]=arguments[l+2];a.children=u}return{$$typeof:j,type:e.type,key:i,ref:s,props:a,_owner:c}},createFactory:function(e){var t=c.bind(null,e);return t.type=e,t},isValidElement:l,version:"16.5.1",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:U,assign:w}},K={default:q},L=K&&q||K;e.exports=L.default||L},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function i(e,t,n){void 0===n&&(n=[]);var r=e.displayName||e.name||"Component",u=c.isReactComponent(e),l=Object.keys(t),f=l.map(c.defaultKey);!u&&n.length&&invariant(!1);var p=function(n){function r(){for(var e,r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return e=n.call.apply(n,[this].concat(o))||this,e.handlers=Object.create(null),l.forEach(function(n){var r=t[n],o=function(t){if(e.props[r]){var o;e._notifying=!0;for(var a=arguments.length,i=new Array(a>1?a-1:0),s=1;s<a;s++)i[s-1]=arguments[s];(o=e.props)[r].apply(o,[t].concat(i)),e._notifying=!1}e._values[n]=t,e.unmounted||e.forceUpdate()};e.handlers[r]=o}),u&&(e.attachRef=function(t){e.inner=t}),e}a(r,n);var i=r.prototype;return i.shouldComponentUpdate=function(){return!this._notifying},i.componentWillMount=function(){var e=this,t=this.props;this._values=Object.create(null),l.forEach(function(n){e._values[n]=t[c.defaultKey(n)]})},i.componentWillReceiveProps=function(e){var t=this,n=this.props;l.forEach(function(r){!c.isProp(e,r)&&c.isProp(n,r)&&(t._values[r]=e[c.defaultKey(r)])})},i.componentWillUnmount=function(){this.unmounted=!0},i.getControlledInstance=function(){return this.inner},i.render=function(){var t=this,n=o({},this.props);f.forEach(function(e){delete n[e]});var r={};return l.forEach(function(e){var n=t.props[e];r[e]=void 0!==n?n:t._values[e]}),s.default.createElement(e,o({},n,r,this.handlers,{ref:this.attachRef}))},r}(s.default.Component);return p.displayName="Uncontrolled("+r+")",p.propTypes=c.uncontrolledPropTypes(t,r),n.forEach(function(e){p.prototype[e]=function(){var t;return(t=this.inner)[e].apply(t,arguments)}}),p.ControlledComponent=e,p.deferControlTo=function(e,n,r){return void 0===n&&(n={}),i(e,o({},t,n),r)},p}t.__esModule=!0,t.default=i;var s=r(n(0)),c=(r(n(11)),function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var r=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,n):{};r.get||r.set?Object.defineProperty(t,n,r):t[n]=e[n]}return t.default=e,t}(n(29)));e.exports=t.default},function(e,t,n){"use strict";function r(e,t){var n={};return Object.keys(e).forEach(function(e){n[a(e)]=s}),n}function o(e,t){return void 0!==e[t]}function a(e){return"default"+e.charAt(0).toUpperCase()+e.substr(1)}function i(e){return!!(e&&e.prototype&&e.prototype.isReactComponent)}t.__esModule=!0,t.uncontrolledPropTypes=r,t.isProp=o,t.defaultKey=a,t.isReactComponent=i;var s=(function(e){e&&e.__esModule}(n(11)),function(){})},function(e,t,n){"use strict";var r=function(){};e.exports=r},function(e,t,n){"use strict";var r=n(0),o=n.n(r),a=n(4),i=function(e){return function(t){var n=Object(a.a)(e);return o.a.Children.toArray(t).reduce(function(e,t){return null===e&&null!==t&&n(t)?t:e},null)}};t.a=i}]);
//# sourceMappingURL=main.64b85820.js.map

#2

This might be because the exports property is defined as a const


#3

I couldn’t find any variable declared as const.


#4

I don’t really understand what you are trying to do, and your 4th code snippet is very hard to read in that format


#5

This is the React bundle (main[hash].js). you get it after doing the build of a React App.


#6

sorry, I don’t think I have the knowledge to help you out here


#7

it’s ok, don’t worry. Why did you come to the conclusion that it was because of something being declared as const?


#8

Because variables declared as const are read only and if you try to re-assign a const variable then im pretty sure it gives a similar error


#9

Are you loading a prebuilt version. of React as a script and trying to import React as if you were bundling the whole thing together?


#10

Prebuilt? I’ve been told that I could also do that this way but nvm do you suggest me to bundle it using webpack? :sweat_smile:


#11

What I mean is that you’re bringing in React via a script tag, once that is loaded, you have React available globally. Are you then, in bundle.js, trying to import React? Because that shouldn’t work, there isn’t anything there to import because that script is not a module, it just makes React available globally to any JS that comes after it


#12

How could I do that instead then?


#13

Just don’t use import, you should be able to call React directly


#14

I’ve used the CRA and then I took the main[hast].js out of its folder and also the index.html file because I wanted it to work that even though I don’t understand how it is going to import all the modules necessary.


#15

If you’re using CRA, why are those script tags there? Why not just generate the whole thing using CRA?


#16

I did that because I took it out of its folder. I know it’s weird but I need that because I need to upload it on an hosting server and I can’t upload the entire project inside of it.


#17

Right, but surely you can just build a single JS file that has everything you need in it? At the minute, what you’re doing is conflating two ways of doing things. If you’re not using CRA, then why do think you need it? Because it expects that you’re going to build the whole React project, and its whole build system is designed to do just that, and then compile down to a single JS file that has the whole thing inside it

But with scripts:

<script src="reacts.js-from-unpkg"></script>
<script src="reactDOM.js-from-unpkg"></script>
<script src="thingThatUnderstandsHowToDealWithJSX.js"></script>
<script>
  // you now have React
  class MyThing extends React.Component {
    // do stuff
  }
  ReactDOM.render(<MyThing>, myElement);
</script>

#18

I couldn’t figure out what you meant with “my element”.

What if I want to import other modules? I used a lot of modules in the React App I’ve built.


#19

I just don’t understand at all what these are here for, given that building a final JS file with CRA should include React/ReactDOM and be already transpiled with Babel:

<script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>

Also how are you importing/exporting, can you give me an example? Are you using the NodeJS style require/exports/module.exports anywhere?

Well, herein lies the issue. You can use React without webpack or something built on top of it like CRA, which is what those script tags imply you’re trying to do. But then you’re doing that and using CRA, and CRA is going to bundle up all the imports/exports etc into something self contained - the entire point of it is to do that.


#20

No, I was referring to my React App.js.