pages/_app.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

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

function MyApp ({ Component, pageProps }) {
  return (
    <>
      <Head>
        <title>My Apps</title>
        <meta
          name='viewport'
          content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'
        />
      </Head>
      <SWRConfig
        value={{
          fetcher: fetchJson,
          onError: (err) => {
            console.error(err)
          }
        }}
      >
        <SettingsProvider>
          <PopupProvider>
            <AppsProvider>
              <Component {...pageProps} />
            </AppsProvider>
          </PopupProvider>
        </SettingsProvider>
      </SWRConfig>
    </>
  )
}

export default MyApp