1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- 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 CircularIndeterminate from '../components/loader/route-loader/CircularIndeterminate';
- import '../styles/globals.css';
-
- function MyApp({ Component, pageProps: { session, ...pageProps } }) {
- const [queryClient] = useState(() => new QueryClient());
-
- return (
- <QueryClientProvider client={queryClient}>
- <Hydrate state={pageProps.dehydratedState}>
- <SessionProvider session={session}>
- <Layout>
- <Head>
- <title>NextJS template</title>
- <meta name="description" content="NextJS template" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1"
- />
- </Head>
- <CircularIndeterminate />
- <Component {...pageProps} />
- </Layout>
- </SessionProvider>
- <ReactQueryDevtools initialIsOpen={false} />
- </Hydrate>
- </QueryClientProvider>
- );
- }
-
- MyApp.getInitialProps = async ({ Component, ctx }) => {
- let pageProps = {};
-
- if (Component.getInitialProps) {
- pageProps = await Component.getInitialProps(ctx);
- }
-
- return {
- pageProps,
- };
- };
-
- export default appWithTranslation(MyApp);
|