import React from 'react' ; import Head from 'next/head' ; import { Footer } from '../components/Footer' ; import { globals } from '../globals' ; import { Header } from '../components/Header' ; import '../styles/base.css' ; const App = ( { Component , pageProps } ) => { return ( < div className = "container" > < Head > { globals . googleAnalyticsId && ( < script async src = { `https://www.googletagmanager.com/gtag/js?id=${ globals . googleAnalyticsId }` } > < /script>)} { globals . googleAnalyticsId && ( < script dangerouslySetInnerHTML = { { __html : `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('globals', '${ globals . googleAnalyticsId }');
            ` , } } > < /script>)} < /Head> < Header / > < Component { ... pageProps } / > < Footer /> < /div>); } ; export default App ;