import '../styles/globals.css' import type { AppProps } from 'next/app' import { LoginContext } from '../components/contexts/login' import { useState } from 'react' import { PostcardRenderer } from '../components/postcard/PostcardRenderer' import { PostcardContext } from '../components/postcard/PostcardContext' import { appWithTranslation, useTranslation } from 'next-i18next' import { FestaLoginData } from '../types/user' import { useStoredLogin } from "../hooks/useStoredLogin" import { SWRConfig } from 'swr' import { AxiosRequestConfig } from 'axios' import { useAxios } from '../hooks/useAxios' import { ErrorBoundary } from '../components/errors/ErrorBoundary' import defaultPostcard from "../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg" import { useStatePostcard } from '../components/postcard/useStatePostcard' const App = ({ Component, pageProps }: AppProps): JSX.Element => { const { t } = useTranslation() const postcardState = useStatePostcard() const [login, setLogin] = useState(null) useStoredLogin(setLogin) const axios = useAxios({}, login) const swrConfig = { fetcher: async (resource: string, init: AxiosRequestConfig) => { const response = await axios.get(resource, init) // To test loading uncomment the following line: // await new Promise(res => setTimeout(res, 100000)) return response.data } } return <> } export default appWithTranslation(App)