broke style-components example

gaearon · Aug 1, 2019 · 4310fa8 · 4310fa8
1 parent 4951768
commit 4310fa8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/examples/styled-components/src/index.js b/examples/styled-components/src/index.js
@@ -1,9 +1,10 @@
+import 'react-lifecycles-compat';
 import 'babel-polyfill';
 import React from 'react';
 import { render } from 'react-dom';
 import App from './App';
 
-const root = document.createElement('div');
-document.body.appendChild(root);
+//const root = ;
+document.body.appendChild(document.createElement('div'));
 
-render(<App />, root);
+render(<App />, document.getElementsByTagName('div')[0]);
diff --git a/examples/styled-components/webpack.config.babel.js b/examples/styled-components/webpack.config.babel.js
@@ -14,9 +14,24 @@ module.exports = {
   module: {
     rules: [
       {
-        exclude: /packages/, // should work without exclude
+        exclude: /node_modules/, // should work without exclude
         test: /\.js$/,
-        use: ['react-hot-loader/webpack', 'babel-loader'],
+        use: ['babel-loader'],
+      },
+      {
+        include: /node_modules\/react-lifecycles-compat/, // should work without exclude
+        test: /\.js$/,
+        use: ['babel-loader'],
+      },
+      {
+        include: /node_modules\/react-dom/,
+        test: /\.jsx?$/,
+        use: {
+          loader: 'react-hot-loader/webpack',
+          options: {
+            noRegister: true,
+          },
+        },
       },
     ],
   },