Wrap root node with SSRProvider (#586)

* Wrap root node with SSRProvider * Add changeset
primer · Jun 6, 2023 · 5f2f390 · 5f2f390
1 parent 7858306
commit 5f2f390
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/.changeset/six-rings-smile.md b/.changeset/six-rings-smile.md
@@ -0,0 +1,5 @@
+---
+'@primer/gatsby-theme-doctocat': patch
+---
+
+Wrap root node with an SSRProvider
diff --git a/theme/src/components/wrap-root-element.js b/theme/src/components/wrap-root-element.js
@@ -1,3 +1,4 @@
+import {SSRProvider} from '@react-aria/ssr'
 import {MDXProvider} from '@mdx-js/react'
 import {ThemeProvider} from '@primer/react'
 import Link from './link'
@@ -52,9 +53,11 @@ const components = {
 
 function wrapRootElement({element}) {
   return (
-    <MDXProvider components={components}>
-      <ThemeProvider>{element}</ThemeProvider>
-    </MDXProvider>
+    <SSRProvider>
+      <MDXProvider components={components}>
+        <ThemeProvider>{element}</ThemeProvider>
+      </MDXProvider>
+    </SSRProvider>
   )
 }