/* eslint-disable global-require */ import { ApolloProvider } from '@apollo/client'; import { QueryClientProvider } from '@tanstack/react-query'; import Layout from 'Components/Layout'; import { ConfigProvider, ru_RU } from 'elements/config'; import 'elements/styles/antd.less'; import Head from 'next/head'; import 'normalize.css'; import { useMemo } from 'react'; import StoreProvider from 'stores/Provider'; import { ThemeProvider } from 'styled-components'; import { trpcClient } from 'trpc/client'; import { GlobalStyle } from 'UIKit/colors'; import theme from 'UIKit/theme'; import '../styles/fonts.css'; import '../styles/globals.css'; import initializeQueryClient from 'api/client'; import initializeApollo from 'apollo/client'; 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 ( ); } export default trpcClient.withTRPC(App);