import '../styles/globals.css' import type { AppProps } from 'next/app' import { LoginContext } from '../components/contexts/login' import { useState } from 'react' import defaultPostcard from "../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg" import { PostcardRenderer } from '../components/postcard/PostcardRenderer' import { PostcardContext } from '../components/postcard/PostcardContext' import { StaticImageData } from 'next/image' 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' const App = ({ Component, pageProps }: AppProps): JSX.Element => { const {t} = useTranslation() const [postcard, setPostcard] = useState(defaultPostcard.src) const [postcardVisible, setPostcardVisible] = useState(false) 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)