Stop mangling component names in next demo.

Author: Hyperkid123

packages/react-renderer-demo/package.json

@@ -55,6 +55,7 @@
         "cross-env": "^5.2.0",
         "firebase-functions-test": "^0.1.6",
         "firebase-tools": "^6.1.0",
-        "rimraf": "^2.6.0"
+        "rimraf": "^2.6.0",
+        "terser-webpack-plugin": "^2.2.1"
     }
 }

packages/react-renderer-demo/src/app/next.config.js

@@ -1,3 +1,4 @@
+const TerserPlugin = require('terser-webpack-plugin');
 const withCSS = require('@zeit/next-css');
 const resolve = require('resolve');
 const withMDX = require('@next/mdx')({
@@ -70,6 +71,17 @@ module.exports = withBundleAnalyzer(withMDX(withCSS({
       fs: 'empty',
     };
 
+    config.optimization.minimizer = [
+      ...config.optimization.minimizer,
+      new TerserPlugin({
+        cache: true,
+        parallel: true,
+        terserOptions: {
+          keep_classnames: true, // eslint-disable-line
+          keep_fnames: true, // eslint-disable-line
+        },
+      }),
+    ];
     return config;
   },
 })));