54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
import 'normalize.css';
|
|
import 'ui/elements/styles/antd.less';
|
|
import '../styles/fonts.css';
|
|
import '../styles/globals.css';
|
|
import initializeQueryClient from '@/api/client';
|
|
import initializeApollo from '@/apollo/client';
|
|
import Layout from '@/Components/Layout';
|
|
import { theme } from '@/config/ui';
|
|
import StoreProvider from '@/stores/Provider';
|
|
import { GlobalStyle } from '@/styles/global-style';
|
|
import { trpcClient } from '@/trpc/client';
|
|
import { ApolloProvider } from '@apollo/client';
|
|
import { QueryClientProvider } from '@tanstack/react-query';
|
|
import Head from 'next/head';
|
|
import { useMemo } from 'react';
|
|
import { ThemeProvider } from 'styled-components';
|
|
import AntdConfig from 'ui/elements/Config';
|
|
|
|
// eslint-disable-next-line turbo/no-undeclared-env-vars
|
|
if (process.env.NODE_ENV === 'development') {
|
|
require('../mocks');
|
|
}
|
|
|
|
function App({ Component, pageProps }) {
|
|
const { initialApolloState, initialQueryState } = pageProps;
|
|
const apolloClient = useMemo(() => initializeApollo(initialApolloState), [initialApolloState]);
|
|
const queryClient = useMemo(() => initializeQueryClient(initialQueryState), [initialQueryState]);
|
|
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<Head>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"
|
|
/>
|
|
</Head>
|
|
<GlobalStyle />
|
|
<StoreProvider {...pageProps}>
|
|
<AntdConfig>
|
|
<ApolloProvider client={apolloClient}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<Layout>
|
|
<Component {...pageProps} />
|
|
</Layout>
|
|
</QueryClientProvider>
|
|
</ApolloProvider>
|
|
</AntdConfig>
|
|
</StoreProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default trpcClient.withTRPC(App);
|