// import App from 'next/app'

import React from 'react'
import '../defaultStyles.css'
import Layout from '../components/layout'

function MyApp({ Component, pageProps, router }) {
  return (
    <Layout route={router.route}>
      <Component {...pageProps} router={router} />
    </Layout>
  )
}

// MyApp.getStaticProps = () => {
//   console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa')
//   const res = await fetch('https://stuff.frylabs.net/asd.json', {
//     credentials: 'include',
//   })
//   const resp = await res.json()
//   console.log('aaaaaaaaaaaaa', resp)
//   return {
//     props: {
//       msg: 'aaaaa',
//       fetched: resp,
//     },
//   }
// }

// Only uncomment this method if you have blocking data requirements for
// every single page in your application. This disables the ability to
// perform automatic static optimization, causing every page in your app to
// be server-side rendered.
//
// MyApp.getInitialProps = async (appContext) => {
//   // calls page's `getInitialProps` and fills `appProps.pageProps`
//   const appProps = await App.getInitialProps(appContext);
//
//   return { ...appProps }
// }

export default MyApp