Modernize ESlint config

.eslintrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+  extends: [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:@next/next/recommended",
+    "prettier",
+  ],
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  env: {
+    browser: true,
+    node: true,
+  },
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  rules: {
+    "@typescript-eslint/ban-types": "warn",
+    "no-use-before-define": 0,
+    "padded-blocks": 0,
+    "react/jsx-no-target-blank": 0,
+    "react/jsx-uses-react": 2,
+    "react/jsx-uses-vars": 2,
+    "react/prop-types": 0,
+    "react/react-in-jsx-scope": 2,
+  },
+};

.prettierignore

@@ -0,0 +1,2 @@
+.next
+out

components/ChannelReferenceRenderer.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import React from "react";
 
 function renderStringWithChannelRefs(value: string) {

components/Feed.tsx

@@ -8,8 +8,7 @@ import ReactTimeAgo from "react-time-ago";
 import JavascriptTimeAgo from "javascript-time-ago";
 import timeagoFi from "javascript-time-ago/locale/fi";
 
-// TODO: Add type definitions for javascript-time-ago
-(JavascriptTimeAgo as any).locale(timeagoFi);
+JavascriptTimeAgo.addLocale(timeagoFi);
 
 export default class Feed extends React.Component {
   state = {

package.json

@@ -9,8 +9,8 @@
     "build": "next build && next export",
     "dev": "SERVER=http://localhost:9000/ NODE_ENV=development next",
     "prod": "NODE_ENV=production next build && next export",
-    "lint": "eslint --ext .jsx --ext .js .",
-    "prettify": "prettier --write components pages styles"
+    "lint": "eslint --ext .tsx --ext .ts .",
+    "prettify": "prettier --write ."
   },
   "dependencies": {
     "@zeit/next-css": "^1.0.1",
@@ -35,13 +35,16 @@
     "utility-types": "^3.10.0"
   },
   "devDependencies": {
+    "@next/eslint-plugin-next": "^12.0.10",
     "@types/node": "17.0.17",
     "@types/react": "17.0.39",
-    "babel-eslint": "^10.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
+    "@typescript-eslint/parser": "^5.11.0",
     "eslint": "^8.8.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "prettier": "^2.5.1",
     "typescript": "4.5.5"
   },