Updated next version and cleaned up lint

Former-commit-id: e746ba8

.eslintrc.json

@@ -1,8 +1,16 @@
 {
+  "ignorePatterns": [
+	"node_modules/",
+	"dist/",
+	"coverage/",
+	".next",
+	"src/.next/",
+	"out/"
+  ],
   "extends": "next/core-web-vitals",
   "settings": {
-    "next": {
-      "rootDir": "src/"
-    }
+	"next": {
+	  "rootDir": "src/"
+	}
   }
 }

package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "next": "^11.0.0",
+    "next": "^13.2.4",
     "pro-gallery": "^3.1.38",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -22,6 +22,8 @@
   "devDependencies": {
     "babel-plugin-transform-define": "^1.3.2",
     "eslint": "^8.36.0",
+    "eslint-config-next": "13.2.4",
+    "eslint-plugin-next": "^0.0.0",
     "gh-pages": "^2.1.1",
     "rimraf": "^3.0.0"
   }

src/pages/index.js

@@ -10,10 +10,12 @@ import LeftArrow from '../components/icons/LeftArrow'
 import RightArrow from '../components/icons/RigthArrow'
 import Play from '../components/icons/Play'
 import Close from '../components/icons/Close'
+import { useRouter } from 'next/router'
 
 console.log({ useInterval })
 
 export default function Index () {
+  const router = useRouter()
   const isBrowser = () => typeof window !== 'undefined'
   const smallScreen = useMedia('(max-width: 1100px)')
   const max950w = useMedia('(max-width: 950px)')