Fixed a bug loading a lazy component

On the lazy component loading:
Even though the component was ES6, it was still necessary to import by calling default. Ref: https://webpack.js.org/migrate/4#import-and-commonjs

Disabled the web pack mode behaviour of setting the nodeEnv based on the set mode.
This is because we expect nodeEnv to have more than two possible values.

Upgraded preact compat. This was in hope to fix the lazy loading, but it probably didn’t have much effect. Still an upgrade should be better. Ref: preactjs/preact-compat#484

Updated uglify JS for the same reason that updated preact compat.

package.json

@@ -85,7 +85,7 @@
     "style-loader": "^0.23.1",
     "surge": "^0.20.1",
     "travis-weigh-in": "^1.0.2",
-    "uglifyjs-webpack-plugin": "^1.0.1",
+    "uglifyjs-webpack-plugin": "^2.1.1",
     "webpack": "^4.29.5",
     "webpack-bundle-analyzer": "^2.11.1",
     "webpack-cli": "^3.2.3",
@@ -103,8 +103,8 @@
     "parse-unit": "1.0.1",
     "pdfobject": "2.0.201604172",
     "preact": "^8.4.2",
-    "preact-compat": "3.16.0",
-    "preact-context": "^1.0.3",
+    "preact-compat": "^3.18.4",
+    "preact-context": "^1.1.3",
     "raven-js": "^3.26.3",
     "react-modal-onfido": "1.5.2",
     "react-native-listener": "1.0.1",

src/components/PhoneNumberInput/Lazy.js

@@ -37,7 +37,7 @@ class PhoneNumberInputLazy extends Component {
     // a separate bundle that can be lazy loaded on demand, to avoid bloating the loading time of the browser page
 
     import(/* webpackChunkName: "crossDevice" */ './index.js').then(component => {
-      this.setState({component})
+      this.setState({component:component.default})
     }).catch(() => props.translate('errors.lazy_loading.message'));
   }