gatsby-ssr.js

/**
 * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/ssr-apis/
 */

// You can delete this file if you're not using it
import React from "react"

import Intercom from "decentraland-gatsby/dist/components/Development/Intercom"
import Segment from "decentraland-gatsby/dist/components/Development/Segment"
import Sentry from "decentraland-gatsby/dist/components/Development/Sentry"
export { wrapPageElement, wrapRootElement } from "./gatsby-browser"

/**
 * @see https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/#onPreRenderHTML
 */
export function onPreRenderHTML(
  {
    pathname,
    getHeadComponents,
    replaceHeadComponents,
    getPreBodyComponents,
    replacePreBodyComponents,
    getPostBodyComponents,
    replacePostBodyComponents,
  },
  pluginOptions
) {
  const headComponents = getHeadComponents()
    .concat([
      <script
        dangerouslySetInnerHTML={{
          __html:
            "if (typeof window !== 'undefined' && 'serviceWorker' in navigator) {window.navigator.serviceWorker.getRegistrations().then(registrations => {registrations.forEach(r => r.unregister())})}",
        }}
      ></script>,
    ])
    .map((component, i) => {
      if (component.type !== "style" || !component.props["data-href"]) {
        return component
      }

      return (
        <link
          key={i}
          rel="stylesheet"
          id={component.props.id}
          href={component.props["data-href"]}
        />
      )
    })

  const postBodyComponents = [...getPostBodyComponents()]
  postBodyComponents.push(<Segment key="segment" trackPage={false} />)
  postBodyComponents.push(<Intercom key="intercom" />)
  postBodyComponents.push(<Sentry key="sentry" />)

  replaceHeadComponents(headComponents)
  replacePostBodyComponents(postBodyComponents)
}