From abca1f449526827f908d2bdaf3f5e0f32542e2cc Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Tue, 1 Feb 2022 13:19:17 +0000
Subject: [PATCH] Use MDXContext directly (#4267)

* Use MDXContext directly

* yolo
---
 beta/src/components/Layout/LayoutPost.tsx   | 7 +++++--
 beta/src/components/Layout/MarkdownPage.tsx | 7 ++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/beta/src/components/Layout/LayoutPost.tsx b/beta/src/components/Layout/LayoutPost.tsx
index dd1b38049..789c75437 100644
--- a/beta/src/components/Layout/LayoutPost.tsx
+++ b/beta/src/components/Layout/LayoutPost.tsx
@@ -2,7 +2,8 @@
  * Copyright (c) Facebook, Inc. and its affiliates.
  */
 
-import {MDXProvider} from '@mdx-js/react';
+// @ts-ignore
+import {MDXContext} from '@mdx-js/react';
 import recentPostsRouteTree from 'blogIndexRecent.json';
 import {DocsPageFooter} from 'components/DocsFooter';
 import {ExternalLink} from 'components/ExternalLink';
@@ -87,7 +88,9 @@ function LayoutPost({meta, children}: LayoutPostProps) {
             </span>
           </p>
 
-          <MDXProvider components={MDXComponents}>{children}</MDXProvider>
+          <MDXContext.Provider value={MDXComponents}>
+            {children}
+          </MDXContext.Provider>
           <DocsPageFooter
             route={route}
             nextRoute={nextRoute}
diff --git a/beta/src/components/Layout/MarkdownPage.tsx b/beta/src/components/Layout/MarkdownPage.tsx
index 78badc8e2..418d2c4ec 100644
--- a/beta/src/components/Layout/MarkdownPage.tsx
+++ b/beta/src/components/Layout/MarkdownPage.tsx
@@ -3,7 +3,8 @@
  */
 
 import * as React from 'react';
-import {MDXProvider} from '@mdx-js/react';
+// @ts-ignore
+import {MDXContext} from '@mdx-js/react';
 import {DocsPageFooter} from 'components/DocsFooter';
 import {MDXComponents} from 'components/MDX/MDXComponents';
 import {Seo} from 'components/Seo';
@@ -135,9 +136,9 @@ export function MarkdownPage<
         )}
         <div className="px-5 sm:px-12">
           <div className="max-w-7xl mx-auto">
-            <MDXProvider components={MDXComponents}>
+            <MDXContext.Provider value={MDXComponents}>
               {finalChildren}
-            </MDXProvider>
+            </MDXContext.Provider>
           </div>
           <DocsPageFooter
             route={route}