src/pages/_app.tsx
import { ChakraProvider } from '@chakra-ui/react';
import { appWithTranslation } from 'next-i18next';
import type { AppProps } from 'next/app';
const MyApp = ({ Component, pageProps }: AppProps) => (
<ChakraProvider>
<Component {...pageProps} />
</ChakraProvider>
);
export default appWithTranslation(MyApp);