import {
DehydratedState,
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 { Session } from 'next-auth';
import type { AppProps } from 'next/app';
import Layout from '../components/layout/base-layout/Layout';
import CircularIndeterminate from '../components/loader/route-loader/CircularIndeterminate';
import '../styles/globals.css';
import { NextPageContext } from 'next';
function MyApp({
Component,
pageProps,
}: AppProps<{ dehydrateState: DehydratedState; session: Session }>) {
const [queryClient] = useState(() => new QueryClient());
return (
NextJS template
);
}
MyApp.getInitialProps = async (Component: any, ctx: NextPageContext) => {
let pageProps = {};
if (Component.getInitialProps) {
pageProps = await Component.getInitialProps(ctx);
}
return {
pageProps,
};
};
export default appWithTranslation(MyApp);