Polyfill

Author: nghiepit

.babelrc

@@ -1,5 +1,18 @@
 {
-  "presets": ["next/babel"],
+  "presets": [
+    [
+      "next/babel",
+      {
+        "preset-env": {
+          "useBuiltIns": "usage"
+        },
+        "transform-runtime": {
+          "corejs": false,
+          "helpers": false
+        }
+      }
+    ]
+  ],
   "plugins": [
     ["@babel/plugin-proposal-decorators", {"legacy": true}],
     ["@babel/plugin-proposal-class-properties", {"loose": true}]

package.json

@@ -14,13 +14,14 @@
     "build": "npm run clean && npm run babel",
     "prepublishOnly": "npm run build"
   },
+  "dependencies": {},
   "devDependencies": {
     "@babel/cli": "^7.2.3",
     "@babel/core": "^7.2.2",
     "@babel/plugin-proposal-class-properties": "^7.3.0",
     "@babel/plugin-proposal-decorators": "^7.3.0",
-    "next": "^7.0.2",
-    "react": "^16.7.0",
+    "next": "^8.0.1",
+    "react": "^16.8.1",
     "rimraf": "^2.6.3"
   },
   "peerDependencies": {

src/index.js

@@ -6,7 +6,7 @@ const __NEXT_MOBX_STORE__ = new Map();
 export class BaseStore {
   constructor(props = {}) {
     for (const prop in props) {
-      // Convert JSON string to Map string for client
+      // Convert JSON to Map
       this[prop] = jsonToMap(props[prop]);
     }
   }
@@ -19,24 +19,25 @@ export class BaseStore {
 }
 
 export const getOrCreateStore = (storeKeyName, Store) => initialState => {
-  // Convert Map to JSON string for client
+  // Convert Map to JSON
   if (initialState) {
     for (const itemState in initialState) {
       try {
         const dataMap = initialState[itemState];
+
         if (dataMap.toJS() instanceof Map) {
           initialState[itemState] = mapToJson(dataMap);
         }
       } catch (e) {}
     }
   }
 
-  // Always make a new store if server, otherwise state is shared between requests
+  // Always make a new store if server
   if (isServer) {
     return new Store(initialState);
   }
 
-  // Create store if unavailable on the client and set it on the window object
+  // Create store if unavailable on the client
   if (!__NEXT_MOBX_STORE__.has(storeKeyName)) {
     __NEXT_MOBX_STORE__.set(storeKeyName, new Store(initialState));
   }

src/utils.js

@@ -1,6 +1,6 @@
 export const isServer = !process.browser;
 
-// getCounterStore=> counterStore
+// getCounterStore => counterStore
 export const getKeyNameStore = fnName =>
   fnName.replace(/^get(.)/, (match, p1) => p1.toLowerCase());
 

src/with-mobx.js

@@ -38,6 +38,7 @@ export default (getStores = {}) => App => {
 
     render() {
       const {initialMobxState, ...props} = this.props;
+
       return <App {...props} store={{...this.store}} />;
     }
   };