feat(docs-page): wrap docs page content with CodeTabsProvider (#508)

.changeset/big-bikes-deliver.md

@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-docs-page': patch
+---
+
+Adds CodeTabsProvider to DocsPage, which is necessary for syncing language selection across multiple CodeTabs instances.

packages/docs-page/index.tsx

@@ -12,6 +12,7 @@ import { AlgoliaConfigObject } from '@hashicorp/react-search/types'
 
 import VersionSelect from '@hashicorp/react-version-select'
 import { getVersionFromPath } from '@hashicorp/react-version-select/util'
+import CodeTabsProvider from '@hashicorp/react-code-block/provider'
 import { MDXProviderComponentsProp } from '@mdx-js/react'
 
 import SearchBar from './components/search-bar'
@@ -131,16 +132,18 @@ export const DocsPageInner: FunctionComponent<DocsPageInnerProps> = ({
               process.env.ENABLE_VERSIONED_DOCS === 'true',
           })}
         >
-          <Content
-            className="g-content" // used in temporary_injectJumpToSection
-            product={slug}
-            content={
-              <>
-                {isMobile ? null : search}
-                {children}
-              </>
-            }
-          />
+          <CodeTabsProvider>
+            <Content
+              className="g-content" // used in temporary_injectJumpToSection
+              product={slug}
+              content={
+                <>
+                  {isMobile ? null : search}
+                  {children}
+                </>
+              }
+            />
+          </CodeTabsProvider>
         </div>
       </div>
       {/* if desired, show an "edit this page" link on the bottom right, linking to github */}