Import useRouter from next/navigation not next/router

I use this but there is another issue happened. TypeError: Cannot read properties of null (reading 'pathname')

Use usePathname instead of useRouter to get the pathname

thanks
I will try

Oh no. Aonther issue.
TypeError: Cannot read properties of null (reading 'startsWith')
2:51:08 PM: at u (/opt/build/repo/.next/server/pages/_app.js:1:1492)


import { usePathname } from "next/navigation";
import { SessionProvider } from "next-auth/react";
import { ThirdwebProvider } from "thirdweb/react";

import { kgRedHands } from "../lib/fonts";
import Layout from "./dashboard/layout";
import "../styles/globals.css";

function MyApp({ Component, pageProps }) {
const pathname = usePathname();

return (
<ThirdwebProvider
activeChain="ethereum"
clientId={process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID}
>
<SessionProvider session={pageProps.session}>
<main className={kgRedHands.className}>
{pathname.startsWith("/dashboard") ? (
<Layout>
<Component {...pageProps} />
</Layout>
) : (
<Component {...pageProps} />
)}
</main>
</SessionProvider>
</ThirdwebProvider>
);
}

export default MyApp;

cna you help me?

This code is for the pages router, why are you using the app router?

how should I do?

Well…

I suggest you take the learn course at nextjs.org/learn and learn Nextjs because from what you’ve done so far, I know no matter what I try I won’t be able to help you

Also, read the documentation at nextjs.org/docs

okay