Upgrade NextJS to v13

next-env.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -22,10 +22,11 @@
     "@reduxjs/toolkit": "^1.6.0",
     "classnames": "^2.3.1",
     "downshift": "^6.1.3",
+    "eslint-config-next": "13",
     "figma-js": "^1.13.0",
-    "next": "^10.0.0",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
+    "next": "13",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-lazy-load-image-component": "^1.5.1",
     "react-modal": "^3.13.1",
     "react-redux": "^7.2.4",
@@ -68,7 +69,7 @@
     "text-to-svg": "^3.1.5",
     "ts-jest": "^27.0.2",
     "ts-node-dev": "^1.1.6",
-    "typescript": "^4.2.4"
+    "typescript": "^4.5.2"
   },
   "jest-junit": {
     "suiteName": "health-icons",

src/components/TopBar.tsx

@@ -6,22 +6,22 @@ export function TopBar() {
     <nav className={styles.topBar}>
       <div className={styles.topbarTitle}>
         <Link href="/">
-          <a className={styles.title}>Health icons</a>
+          <span className={styles.title}>Health icons</span>
         </Link>
       </div>
       <ul className={styles.topbarLinks}>
         <li>
           <Link href="/about">
-            <a className={styles.link}>
+            <span className={styles.link}>
               <img src="/ui/information-line.svg" alt="" /> About
-            </a>
+            </span>
           </Link>
         </li>
         <li>
           <Link href="/request-icon">
-            <a className={styles.link}>
+            <span className={styles.link}>
               <img src="/ui/question-line.svg" alt="" /> Request an icon
-            </a>
+            </span>
           </Link>
         </li>
         <li>

tsconfig.json

@@ -16,7 +16,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
   "include": [
     "next-env.d.ts",