feat: SSR for page specific providers

newrelic · Jun 25, 2020 · 1023f45 · 1023f45
1 parent af7aba0
commit 1023f45
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 19 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -4,22 +4,6 @@
  * See: https://www.gatsbyjs.org/docs/browser-apis/
  */
 
-const React = require('react');
-const BreadcrumbContext = require('./src/components/BreadcrumbContext')
-  .BreadcrumbContext;
-const PageContext = require('./src/components/PageContext').PageContext;
+const wrapPageElement = require('./gatsby/wrap-page-element').default;
 
-const createBreadcrumbs = require('./src/utils/create-breadcrumbs').default;
-const pages = require('./src/data/sidenav.json');
-
-exports.wrapPageElement = ({ element, props }) => {
-  const crumbs = createBreadcrumbs(props.path, pages);
-
-  return (
-    <PageContext.Provider value={props.pageContext}>
-      <BreadcrumbContext.Provider value={crumbs}>
-        {element}
-      </BreadcrumbContext.Provider>
-    </PageContext.Provider>
-  );
-};
+exports.wrapPageElement = wrapPageElement;
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
@@ -4,10 +4,13 @@
  * See: https://www.gatsbyjs.org/docs/ssr-apis/
  */
 
-// This is needed to ensure the NR1 SDK can load properly
 const React = require('react');
 const { JS_BUNDLE } = require('./src/utils/sdk');
+const wrapPageElement = require('./gatsby/wrap-page-element').default;
+
+exports.wrapPageElement = wrapPageElement;
 
+// This is needed to ensure the NR1 SDK can load properly
 exports.onPreRenderHTML = ({
   getHeadComponents,
   replaceHeadComponents,

diff --git a/gatsby/wrap-page-element.js b/gatsby/wrap-page-element.js
@@ -0,0 +1,19 @@
+const React = require('react');
+const BreadcrumbContext = require('../src/components/BreadcrumbContext')
+  .BreadcrumbContext;
+const PageContext = require('../src/components/PageContext').PageContext;
+
+const createBreadcrumbs = require('../src/utils/create-breadcrumbs').default;
+const pages = require('../src/data/sidenav.json');
+
+export default ({ element, props }) => {
+  const crumbs = createBreadcrumbs(props.path, pages);
+
+  return (
+    <PageContext.Provider value={props.pageContext}>
+      <BreadcrumbContext.Provider value={crumbs}>
+        {element}
+      </BreadcrumbContext.Provider>
+    </PageContext.Provider>
+  );
+};