frontend/pages/_app.tsx (view raw)
1import {useEffect} from 'react';
2import CssBaseline from '@mui/material/CssBaseline';
3import {ThemeProvider, Theme} from '@mui/material/styles';
4import {AppProps} from 'next/app';
5import {I18nextProvider} from 'react-i18next';
6import {ApolloProvider} from '@apollo/client';
7import {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';
8import {AdapterMoment} from '@mui/x-date-pickers/AdapterMoment';
9import {SessionProvider} from 'next-auth/react';
10import moment from 'moment';
11import Metas from '../containers/Metas';
12import Toasts from '../components/Toasts';
13import theme from '../theme';
14import useLocale from '../hooks/useLocale';
15import i18n, {initI18Next} from '../lib/i18n';
16import {useApollo} from '../lib/apolloClient';
17
18declare module '@mui/styles/defaultTheme' {
19 // eslint-disable-next-line @typescript-eslint/no-empty-interface
20 interface DefaultTheme extends Theme {}
21}
22
23const App = function (props: AppProps) {
24 const {Component, pageProps} = props;
25 const apolloClient = useApollo(pageProps);
26 const {locale} = useLocale();
27
28 useEffect(() => {
29 // Remove the server-side injected CSS.
30 const jssStyles = document.querySelector('#jss-server-side');
31 if (jssStyles) {
32 jssStyles.parentElement!.removeChild(jssStyles);
33 }
34 }, []);
35
36 initI18Next(locale);
37
38 return (
39 <I18nextProvider i18n={i18n}>
40 <ApolloProvider client={apolloClient}>
41 <Metas metas={pageProps.metas} />
42 <ThemeProvider theme={theme}>
43 <LocalizationProvider
44 dateAdapter={AdapterMoment}
45 dateLibInstance={moment}
46 adapterLocale={locale === 'fr' ? 'fr-ch' : 'en'}
47 >
48 <CssBaseline />
49 <Component {...pageProps} />
50 <Toasts />
51 </LocalizationProvider>
52 </ThemeProvider>
53 </ApolloProvider>
54 </I18nextProvider>
55 );
56};
57
58const AppWrapper = (props: AppProps) => (
59 <SessionProvider session={props?.pageProps.session} basePath="/api/nauth">
60 <App {...props} />
61 </SessionProvider>
62);
63
64export default AppWrapper;