Bump next from 13.3.0 to 13.5.0

next.config.js

@@ -1,9 +1,8 @@
-const withPlugins = require("next-compose-plugins");
 const withBundleAnalyzer = require("@next/bundle-analyzer")({
   enabled: process.env.ANALYZE === "true",
 });
 
-module.exports = withPlugins([
-  [withBundleAnalyzer],
-  // your other plugins here
-]);
+module.exports = () => {
+  const plugins = [withBundleAnalyzer];
+  return plugins.reduce((acc, next) => next(acc));
+};

package.json

@@ -15,8 +15,7 @@
     "@obolnetwork/obol-ui": "^1.0.40-0",
     "@stitches/react": "^1.2.7",
     "framer-motion": "^6.3.10",
-    "next": "^13.3.0",
-    "next-compose-plugins": "^2.2.1",
+    "next": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-gtm-module": "^2.0.11",
@@ -31,7 +30,7 @@
     "@types/react-gtm-module": "^2.0.1",
     "babel-loader": "^8.2.5",
     "eslint": "8.11.0",
-    "eslint-config-next": "^13.3.0",
+    "eslint-config-next": "^13.5.0",
     "eslint-plugin-storybook": "^0.5.11",
     "typescript": "4.6.2"
   }

pages/_app.tsx

@@ -1,8 +1,10 @@
+'use client';
+
 import { globalCss } from "@obolnetwork/obol-ui";
 import type { AppProps } from "next/app";
 import TopLeftBg from "../public/backgrounds/top-left-bg.svg";
 import { useEffect } from "react";
-import { useRouter } from "next/router";
+import { useRouter, usePathname } from "next/navigation";
 
 const globalStyles = globalCss({
   html: {
@@ -23,10 +25,12 @@ const globalStyles = globalCss({
 
 function MyApp({ Component, pageProps }: AppProps) {
   globalStyles();
-  const router = useRouter();
+  useRouter();
+
+  const pathname = usePathname()
 
   useEffect(() => {
-    if (router.pathname !== "/blocked") {
+    if (pathname !== "/blocked") {
       const script = document.createElement("script");
       script.src = "https://app.termly.io/embed.min.js";
       script.type = "text/javascript";
@@ -43,7 +47,7 @@ function MyApp({ Component, pageProps }: AppProps) {
 
       document.body.appendChild(script);
     }
-  }, [router.pathname]);
+  }, [pathname]);
 
   return <Component {...pageProps} />;
 }