developer-roadmap/pages/_app.tsx

import type { AppProps } from 'next/app';
import { ChakraProvider } from '@chakra-ui/react';
import { roadmapTheme } from './theme';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <ChakraProvider theme={roadmapTheme}>
      <Component {...pageProps} />
    </ChakraProvider>
  );
}

export default MyApp;