I want to change the isActive property only in the current page.
Layout used in _app:
import { SessionProvider } from "next-auth/react"
import Layout from '../components/layout'
import { NextUIProvider } from '@nextui-org/react';
export default function App({
Component,
pageProps: { session, ...pageProps },
}) {
return (
<SessionProvider session={session} refetchInterval={5 * 60}>
<NextUIProvider>
<Layout>
<Component {...pageProps} />
</Layout>
</NextUIProvider>
</SessionProvider>
)
}
Layout :
return (
<Header />
{children} //curent page
)