import '../styles/globals.css'
import type { AppProps } from 'next/app'
import { FC } from 'react'
import Head from 'next/head'
import {useRouter} from 'next/router'

const MyApp: FC<AppProps> = ({ Component, pageProps }) => {
  const router = useRouter()
  return <>
    <Head>
      <link rel='icon' href={`${router.basePath}/favicon.ico`} />
    </Head>
    <Component {...pageProps} />
  </>
}

export default MyApp
