init eslint

.eslintrc.js

@@ -0,0 +1,27 @@
+'use strict';
+
+module.exports = {
+  extends: [
+    '@strv/typescript',
+    '@strv/typescript/optional',
+    '@strv/typescript/style'
+  ],
+  plugins: [
+    "prettier"
+  ],
+  rules: {
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "@typescript-eslint/no-use-before-define": ["error", { "variables": false }],
+    "@typescript-eslint/no-parameter-properties": ["error", { "allows": ["private readonly"] }],
+    "@typescript-eslint/promise-function-async": "off",
+    "@typescript-eslint/require-await": "off",
+    "import/no-unused-modules": "off",
+    "import/group-exports": "off",
+    "import/no-extraneous-dependencies": "off",
+    "new-cap": "off",
+    "no-inline-comments": "off",
+    "no-shadow": "warn",
+    "no-use-before-define": ["error", { "variables": false }],
+    "prettier/prettier": "error",
+  }
+};

package.json

@@ -34,6 +34,7 @@
     "react-dom": "^16.13.1",
     "react-frozenhead": "^0.3.0",
     "react-google-analytics": "^0.2.0",
+    "react-peer-data": "^1.1.4",
     "react-qr": "0.0.2",
     "react-router": "^0.13.1",
     "socket.io": "^1.3.5",
@@ -45,8 +46,14 @@
     "xkcd-password": "^1.2.0"
   },
   "devDependencies": {
+    "@strv/eslint-config-typescript": "^2.3.0",
     "@types/node": "^14.11.1",
     "@types/react": "^16.9.49",
+    "@typescript-eslint/eslint-plugin": "^4.1.1",
+    "eslint": "^7.9.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "prettier": "^2.1.2",
     "typescript": "^4.0.3"
   }
 }

pages/index.tsx

@@ -1,5 +1,18 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { EventDispatcher } from "peer-data";
+import { PeerDataProvider } from 'react-peer-data';
+
+import App from './App';
+
 const IndexPage = () => {
-  return <div>Welcome to Next.js!</div>
+  return <PeerDataProvider
+    servers={{ iceServers: [{ url: "stun:stun.1.google.com:19302" }] }}
+    constraints={{ ordered: true }}
+    signaling={{ dispatcher: new EventDispatcher() }}
+  >
+    <App />
+  </PeerDataProvider>,
 }
 
 export default IndexPage