import { SWRConfig } from 'swr'
import {SettingsProvider} from 'hooks/useSettings'
import {PopupProvider} from 'hooks/usePopup'
import {AppsProvider} from 'hooks/useApps'
import fetchJson from 'helpers/fetchJson'
import '/styles/global.scss'

function MyApp({Component, pageProps}) {
  return (
    <SWRConfig
      value={{
        fetcher: fetchJson,
        onError: (err) => {
          console.error(err)
        },
      }}
    >
      <SettingsProvider>
        <PopupProvider>
          <AppsProvider>
            <Component {...pageProps} />
          </AppsProvider>
        </PopupProvider>
      </SettingsProvider>
    </SWRConfig>
  )
}

export default MyApp