update demo site

demo/.eslintrc

@@ -0,0 +1,7 @@
+{
+  "root": true,
+  "extends": [
+    "next",
+    "next/core-web-vitals"
+  ]
+}

demo/netlify.toml

@@ -0,0 +1,2 @@
+[build.environment]
+  NODE_VERSION = "12"

demo/next.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 
 module.exports = {
+  reactStrictMode: true,
   webpack: config => {
     config.resolve.alias['react-live'] = path.resolve('../');
 

demo/package.json

@@ -1,26 +1,32 @@
 {
   "name": "react-live-demo",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "private": true,
   "license": "MIT",
   "scripts": {
     "prebuild": "cd .. && yarn && yarn build",
     "prebuild:npm": "cd .. && npm i && npm run build",
     "dev": "next dev",
     "build": "next build && next export",
-    "start": "next start"
+    "start": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
-    "formidable-oss-badges": "^0.3.5",
-    "next": "9.5.3",
-    "polished": "^3.6.7",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-live": "^2.2.2",
-    "styled-components": "^5.2.0"
+    "formidable-oss-badges": "^0.3.6",
+    "next": "11.0.0",
+    "polished": "^4.1.3",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-live": "^2.2.3",
+    "styled-components": "^5.3.0"
   },
   "devDependencies": {
     "babel-plugin-polished": "^1.1.0",
-    "babel-plugin-styled-components": "^1.11.1"
+    "babel-plugin-styled-components": "^1.12.0",
+    "eslint": "7.29.0",
+    "eslint-config-next": "11.0.0"
+  },
+  "engines": {
+    "node": ">=12.0.0"
   }
-}
+}

demo/pages/index.js

@@ -106,8 +106,8 @@ class Index extends Component {
 
         <Description>
           If you want to demo a couple of components in tandem, without
-          evaluating a single one inline, you can use the "noInline" prop and
-          call "render".
+          evaluating a single one inline, you can use the &quot;noInline&quot; prop and
+          call &quot;render&quot;.
         </Description>
         <LiveEdit noInline code={noInlineExample} />
       </Container>