text: import Document, { Html, Head, Main, NextScript } from 'next/document'
  import { GA_TRACKING_ID } from '@/libs/data'
  
  export default class MyDocument extends Document {
      render() {
          return (
              <Html lang={'en'}>
                  <Head>
                      <script
                          async
                          src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
                      />
                      <link
                          href="https://fonts.googleapis.com/css2?family=Dosis&display=swap"
                          rel="stylesheet"
                      />
                      <script
                          dangerouslySetInnerHTML={{
                              __html: `
                                  window.dataLayer = window.dataLayer || [];
                                  function gtag(){
                                      dataLayer.push(arguments);
                                  }
                                  gtag('js', new Date());
                                  gtag('config', '${GA_TRACKING_ID}', {
                                      page_path: window.location.pathname,
                                  }
                              );`,
                          }}
                      />
                  </Head>
                  <body>
                      <Main />
                      <NextScript />
                  </body>
              </Html>
          )
      }
  }
  