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