gatsby-ssr.js

import React from 'react';
import { CloudinaryContext } from 'cloudinary-react'

import PageLayout from './src/components/page-layout';
import WithGuideCSS from './src/components/with-guide-css';

export const onRenderBody = ({setPostBodyComponents, setHeadComponents}, {ffWidgetId}) => {
  if (ffWidgetId) {
    setHeadComponents([
      <script
        key="feedback"
        dangerouslySetInnerHTML={{
          __html: `
var ffWidgetId = '${ffWidgetId}';
var ffWidgetScript = document.createElement("script");
function loadFF() {
  ffWidgetScript.type = "text/javascript";
  ffWidgetScript.src = 'https://freddyfeedback.com/widget/freddyfeedback.js';
  document.head.appendChild(ffWidgetScript);
}
let delay = 1000
if (document.location.pathname === '/') {
  delay = 10 * 1000
} 
setTimeout(loadFF, delay);
        `,
        }}
      />
    ]);
  }

  setPostBodyComponents([
    React.createElement('script', {
      key: 'docsearch',
      src:
        'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js'
    })
  ]);
};

const NO_LAYOUT_PATHS = [
  '/',
  '/welcome/',
  '/tshirt/'
]

const NO_LAYOUT_PREFIXES = [
  '/paypal',
  '/unsubscribe',
]

const noLayout = (path) =>
  !path ||
  NO_LAYOUT_PATHS.includes(path) ||
  NO_LAYOUT_PREFIXES.some((prefix) => path.startsWith(prefix))

export const wrapPageElement = (
  {element, props}, // eslint-disable-line react/prop-types
  pluginOptions
) => {
  const page = (
    <CloudinaryContext cloudName="graphql">
      {element}
    </CloudinaryContext>
  )
  
  if (noLayout(props.location.pathname)) {
    return <WithGuideCSS>{page}</WithGuideCSS>
  }

  return (
    <PageLayout {...props} pluginOptions={pluginOptions}>
      {page}
    </PageLayout>
  )
}