reactjs.org/beta/src/pages/_app.tsx at wip · hmmhmmhm/reactjs.org

Repository navigation

* Copyright (c) Facebook, Inc. and its affiliates.

import * as React from 'react';

import {AppProps} from 'next/app';

import '@docsearch/css';

import '../styles/fonts.css';

import '../styles/algolia.css';

import '../styles/index.css';

import '../styles/sandpack.css';

import '@codesandbox/sandpack-react/dist/index.css';

import Script from 'next/script';

import {hotjar} from 'utils/hotjar';

if (typeof window !== 'undefined') {

hotjar(process.env.NEXT_PUBLIC_HJ_SITE_ID, process.env.NEXT_PUBLIC_HJ_SITE_V);

}

const EmptyAppShell: React.FC = ({children}) => <>{children}</>;

export default function MyApp({Component, pageProps}: AppProps) {

let AppShell = (Component as any).appShell || EmptyAppShell;

// In order to make sidebar scrolling between pages work as expected

// we need to access the underlying MDX component.

if ((Component as any).isMDXComponent) {

AppShell = (Component as any)({}).props.originalType.appShell;

}

return (

{process.env.NODE_ENV === 'production' && (

<Script

strategy="lazyOnload"

src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_TRACKING_ID}`}

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', '${process.env.NEXT_PUBLIC_GA_TRACKING_ID}', {

page_path: window.location.pathname,

});

</Script>

</>

)}

</AppShell>

);

}