chore: migrate to next@13

Author: shellbear

package.json

@@ -12,44 +12,44 @@
     "prepack": "husky install"
   },
   "dependencies": {
-    "@notionhq/client": "^2.2.0",
+    "@notionhq/client": "^2.2.2",
     "@plaiceholder/next": "^2.5.0",
     "fast-glob": "^3.2.12",
-    "framer-motion": "^7.4.0",
+    "framer-motion": "^7.6.19",
     "gray-matter": "^4.0.3",
-    "javascript-time-ago": "^2.5.7",
-    "next": "^12.3.1",
-    "next-mdx-remote": "^4.1.0",
-    "notion-client": "^6.13.8",
-    "notion-utils": "^6.13.4",
+    "javascript-time-ago": "^2.5.9",
+    "next": "^13.0.6",
+    "next-mdx-remote": "^4.2.0",
+    "notion-client": "^6.15.6",
+    "notion-utils": "^6.15.6",
     "plaiceholder": "^2.5.0",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.1",
     "prismjs": "^1.29.0",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.4.0",
-    "react-notion-x": "^6.13.10",
+    "react-icons": "^4.7.1",
+    "react-notion-x": "^6.15.7",
     "reactdom": "^2.0.0",
-    "sharp": "^0.31.0",
-    "styled-components": "^5.3.5",
+    "sharp": "^0.31.2",
+    "styled-components": "^5.3.6",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
     "@types/javascript-time-ago": "^2.0.3",
-    "@types/react": "^18.0.21",
+    "@types/react": "^18.0.26",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.15",
-    "@typescript-eslint/parser": "^5.38.1",
-    "eslint": "^8.24.0",
-    "eslint-config-next": "^12.3.1",
+    "@typescript-eslint/parser": "^5.45.1",
+    "eslint": "^8.29.0",
+    "eslint-config-next": "^13.0.6",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "husky": "8.0.1",
-    "lint-staged": "^13.0.3",
-    "next-sitemap": "^3.1.23",
+    "husky": "8.0.2",
+    "lint-staged": "^13.1.0",
+    "next-sitemap": "^3.1.32",
     "pretty-quick": "^3.1.3",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.3"
   }
 }

pages/index.tsx

@@ -20,8 +20,8 @@ const Home = (): JSX.Element => (
         <Image
           src="/me.webp"
           alt="Antoine Ordonez"
-          width="120px"
-          height="120px"
+          width={120}
+          height={120}
           objectFit="cover"
           className={styles.image}
         />