Merge pull request #319 from CodeForAfrica/fix/upgrade_nextjs

Upgrade Nextjs

.github/workflows/main.yml

@@ -27,7 +27,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: Check if version is bumped
         id: version-check

next.config.js

@@ -1,7 +1,4 @@
 module.exports = {
-  experimental: {
-    outputStandalone: true,
-  },
   images: {
     domains: process.env.NEXT_PUBLIC_IMAGE_DOMAINS?.split(",")
       ?.map((d) => d.trim())

package.json

@@ -30,15 +30,16 @@
     "@material-ui/core": "^4.12.4",
     "@svgr/webpack": "^6.2.1",
     "clsx": "^1.1.1",
-    "next": "^12.1.0",
+    "next": "^13.4.19",
     "next-seo": "^6.1.0",
     "papaparse": "^5.3.1",
     "prop-types": "^15.7.2",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-feather": "^2.0.8",
     "react-select": "^5.2.2",
     "react-share": "^4.3.1",
+    "sharp": "^0.32.5",
     "victory": "^36.2.1",
     "webpack": "^5.88.2"
   },
@@ -51,7 +52,7 @@
     "babel-plugin-transform-imports": "^2.0.0",
     "eslint": "^8.46.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-next": "^12.1.0",
+    "eslint-config-next": "^13.4.19",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-babel-module": "^5.3.2",
     "eslint-plugin-import": "^2.28.1",

src/components/Link/NextComposed.js

@@ -18,16 +18,17 @@ const NextComposed = React.forwardRef(function NextComposed(props, ref) {
   const Component = component || "a";
   return (
     <NextLink
-      href={href}
       as={as}
+      href={href}
+      legacyBehavior
+      locale={locale}
       passHref={passHref}
       prefetch={prefetch}
       replace={replace}
       scroll={scroll}
       shallow={shallow}
-      locale={locale}
     >
-      <Component ref={ref} {...other} />
+      <Component {...other} ref={ref} />
     </NextLink>
   );
 });