Revert inlining styles in JS bundle, export external stylesheet to prevent FOUC

Author: tim-soft

example/components/ReactDatGui.js

@@ -9,6 +9,7 @@ import DatGui, {
   DatSelect,
   DatString
 } from 'react-dat-gui';
+import 'react-dat-gui/dist/index.css';
 import Stats from './Stats';
 
 /**

example/next.config.js

@@ -3,6 +3,8 @@
  *
  * @see https://nextjs.org/docs/#custom-configuration
  */
-module.exports = {
+const withCSS = require('@zeit/next-css');
+
+module.exports = withCSS({
   assetPrefix: process.env.NODE_ENV === 'production' ? '/react-dat-gui' : ''
-};
+});

example/package.json

@@ -10,6 +10,7 @@
     "not op_mini all"
   ],
   "dependencies": {
+    "@zeit/next-css": "^1.0.1",
     "next": "^9.0.5",
     "prop-types": "link:../node_modules/prop-types",
     "react": "link:../node_modules/react",