Estoy usando next js para un proyecto y he usado chakra-ui con él. Este es mi _app.js:

 import Layout, { ScrollBarStyle } from '../components/layouts/main' import theme from '../lib/theme.js' import Font from '../components/fonts' const Website = ({ Component, pageProps, router}) => { const getLayout = Component.getLayout return getLayout ? ( getLayout( <ChakraProvider theme = {theme}> <Font/> <ScrollBarStyle/> <Component {...pageProps} /> </ChakraProvider>) ) : ( <ChakraProvider theme = {theme}> <Font/> <ScrollBarStyle/> <Layout router={router}> <Component {...pageProps} /> </Layout> </ChakraProvider> ) } export default Website

Y así es como estoy enrutando:

 <NextLink href = '/marketplace' passHref as = '/marketplace'> <a> <SiMarketo color = 'lightgrey' size = "27px"/> </a> </NextLink>

Pero el problema es que cambia la URL pero no cambia/representa la página respectiva, es decir, permanece en la misma página.