NextJS template

import { Hydrate, QueryClient, QueryClientProvider, } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import { SessionProvider } from 'next-auth/react'; import { appWithTranslation } from 'next-i18next'; import Head from 'next/head'; import { useState } from 'react'; import Layout from '../components/layout/base-layout/Layout'; import '../styles/globals.css'; function MyApp({ Component, pageProps: { session, ...pageProps } }) { const [queryClient] = useState(() => new QueryClient()); return ( NextJS template ); } MyApp.getInitialProps = async ({ Component, ctx }) => { let pageProps = {}; if (Component.getInitialProps) { pageProps = await Component.getInitialProps(ctx); } return { pageProps, }; }; export default appWithTranslation(MyApp);