From 8ca83bd40dc858dc63fe1a339f98f8e1f11ae10b Mon Sep 17 00:00:00 2001
From: Andrew Hollenbach <hollenbach.andrew@gmail.com>
Date: Fri, 25 Feb 2022 10:23:35 -0800
Subject: [PATCH] Update inlineCode reference

https://mdxjs.com/table-of-components/
---
 docs/advanced-features/using-mdx.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/advanced-features/using-mdx.md b/docs/advanced-features/using-mdx.md
index 8087473ca22d..6ed9b3f5756f 100644
--- a/docs/advanced-features/using-mdx.md
+++ b/docs/advanced-features/using-mdx.md
@@ -178,7 +178,7 @@ Then setup the provider in your page
 
 import { MDXProvider } from '@mdx-js/react'
 import Image from 'next/image'
-import { Heading, Text, Pre, Code, Table } from 'my-components'
+import { Heading, InlineCode, Pre, Table, Text } from 'my-components'
 
 const ResponsiveImage = (props) => (
   <Image alt={props.alt} layout="responsive" {...props} />
@@ -189,8 +189,8 @@ const components = {
   h1: Heading.H1,
   h2: Heading.H2,
   p: Text,
-  code: Pre,
-  inlineCode: Code,
+  pre: Pre,
+  code: InlineCode,
 }
 
 export default function Post(props) {