fix react-native-web example by adding babel plugin

vercel · Oct 15, 2019 · 0caaf60 · 0caaf60
1 parent 7ff5cc1
commit 0caaf60
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/examples/with-react-native-web/next.config.js b/examples/with-react-native-web/next.config.js
@@ -1,10 +1,13 @@
 module.exports = {
-  webpack: config => {
+  webpack: (config, { defaultLoaders }) => {
     config.resolve.alias = {
       ...(config.resolve.alias || {}),
       // Transform all direct `react-native` imports to `react-native-web`
       'react-native$': 'react-native-web'
     }
+    defaultLoaders.babel.options.plugins = [
+      ['react-native-web', { commonjs: true }]
+    ]
     return config
   }
 }
diff --git a/examples/with-react-native-web/package.json b/examples/with-react-native-web/package.json
@@ -10,5 +10,8 @@
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-native-web": "^0.11.6"
+  },
+  "devDependencies": {
+    "babel-plugin-react-native-web": "^0.11.7"
   }
 }