import React from 'react'; import Document, { DocumentContext, DocumentInitialProps, Head, Main, NextScript } from 'next/document'; import { ServerStyleSheet } from 'styled-components' import { getLanguageFromReq } from '../utils/i18n'; import { injectScript as gtmInjectScript, injectNoScript as gtmInjectNoScript, injectParams as gtmInjectParams } from '../utils/tagmanager'; interface Props { language: string; } class MyDocument extends Document { static async getInitialProps(ctx: DocumentContext): Promise { const sheet = new ServerStyleSheet(); const originalRenderPage = ctx.renderPage; try { ctx.renderPage = () => { return originalRenderPage({ enhanceApp: (App: any) => (props: any) => sheet.collectStyles() }); }; const initialProps = await Document.getInitialProps(ctx); const props = { ...initialProps, styles: [ {initialProps.styles} {sheet.getStyleElement()} ], language: getLanguageFromReq(/* ctx.req */) }; return props; } finally { sheet.seal(); } } render(): React.ReactElement { const { language } = this.props; return ( {gtmInjectParams()} {gtmInjectScript()} {gtmInjectNoScript()}

{process.env.PRISMIC_TOOLBAR_SCRIPT &&