import '../styles/globals.css' import {SessionProvider, useSession} from "next-auth/react" import {CircularProgress, createTheme, CssBaseline, ThemeProvider} from "@mui/material"; import ReactGA from "react-ga4"; import Head from "next/head"; import {SnackbarProvider} from "notistack"; import Header from "../components/Header"; import Footer from "../components/Footer"; import {Provider} from "react-redux"; import {PersistGate} from "redux-persist/integration/react"; import {configureStore} from "@reduxjs/toolkit"; import {FLUSH, PAUSE, PERSIST, persistReducer, persistStore, PURGE, REGISTER, REHYDRATE} from "redux-persist"; import configReducer from "../libs/reducers/configReducer"; import storage from 'redux-persist/lib/storage' import createCloudStorage from "../libs/storage/cloudStorage"; import dynamic from "next/dynamic"; import {useEffect, useState} from "react"; ReactGA.initialize("G-XNCFQVHQMX"); const theme = createTheme({ palette: { mode: 'dark', white: { main: '#eee', contrastText: '#222', }, }, typography: { fontFamily: '"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", ' + 'Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', }, }); export function MyApp({Component, pageProps: { session, ...pageProps }}) { return ( F1 Manager Setup Calculator