@docusaurus/theme-classic 0.0.0-5077 → 0.0.0-5084

package/lib/theme/MDXComponents/Code.js

@@ -22,7 +22,7 @@ export default function MDXCode(props) {
   const shouldBeInline = React.Children.toArray(props.children).every(
     (el) =>
       (typeof el === 'string' && !el.includes('\n')) ||
-      (isValidElement(el) && inlineElements.includes(el.props.mdxType)),
+      (isValidElement(el) && inlineElements.includes(el.props?.mdxType)),
   );
   return shouldBeInline ? <code {...props} /> : <CodeBlock {...props} />;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-5077",
+  "version": "0.0.0-5084",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,18 +20,18 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-5077",
-    "@docusaurus/mdx-loader": "0.0.0-5077",
-    "@docusaurus/module-type-aliases": "0.0.0-5077",
-    "@docusaurus/plugin-content-blog": "0.0.0-5077",
-    "@docusaurus/plugin-content-docs": "0.0.0-5077",
-    "@docusaurus/plugin-content-pages": "0.0.0-5077",
-    "@docusaurus/theme-common": "0.0.0-5077",
-    "@docusaurus/theme-translations": "0.0.0-5077",
-    "@docusaurus/types": "0.0.0-5077",
-    "@docusaurus/utils": "0.0.0-5077",
-    "@docusaurus/utils-common": "0.0.0-5077",
-    "@docusaurus/utils-validation": "0.0.0-5077",
+    "@docusaurus/core": "0.0.0-5084",
+    "@docusaurus/mdx-loader": "0.0.0-5084",
+    "@docusaurus/module-type-aliases": "0.0.0-5084",
+    "@docusaurus/plugin-content-blog": "0.0.0-5084",
+    "@docusaurus/plugin-content-docs": "0.0.0-5084",
+    "@docusaurus/plugin-content-pages": "0.0.0-5084",
+    "@docusaurus/theme-common": "0.0.0-5084",
+    "@docusaurus/theme-translations": "0.0.0-5084",
+    "@docusaurus/types": "0.0.0-5084",
+    "@docusaurus/utils": "0.0.0-5084",
+    "@docusaurus/utils-common": "0.0.0-5084",
+    "@docusaurus/utils-validation": "0.0.0-5084",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -64,5 +64,5 @@
   "engines": {
     "node": ">=16.14"
   },
-  "gitHead": "c94e9b3454e0518e25d5a8cdf85278a491125b19"
+  "gitHead": "4db4f1b0fa7df2b6307358354d1f6743de22e310"
 }

package/src/theme/MDXComponents/Code.tsx

@@ -11,7 +11,7 @@ import CodeBlock from '@theme/CodeBlock';
 import type {Props} from '@theme/MDXComponents/Code';
 
 export default function MDXCode(props: Props): JSX.Element {
-  const inlineElements = [
+  const inlineElements: (string | undefined)[] = [
     'a',
     'b',
     'big',
@@ -26,7 +26,10 @@ export default function MDXCode(props: Props): JSX.Element {
   const shouldBeInline = React.Children.toArray(props.children).every(
     (el) =>
       (typeof el === 'string' && !el.includes('\n')) ||
-      (isValidElement(el) && inlineElements.includes(el.props.mdxType)),
+      (isValidElement(el) &&
+        inlineElements.includes(
+          (el.props as {mdxType: string} | null)?.mdxType,
+        )),
   );
 
   return shouldBeInline ? (

package/src/theme/MDXComponents/Details.tsx

@@ -15,7 +15,8 @@ export default function MDXDetails(props: Props): JSX.Element {
   // Details theme component
   const summary = items.find(
     (item): item is ReactElement<ComponentProps<'summary'>> =>
-      React.isValidElement(item) && item.props?.mdxType === 'summary',
+      React.isValidElement(item) &&
+      (item.props as {mdxType: string} | null)?.mdxType === 'summary',
   );
   const children = <>{items.filter((item) => item !== summary)}</>;
 

package/src/theme/MDXComponents/Head.tsx

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, {type ReactElement, type ComponentProps} from 'react';
-import Head from '@docusaurus/Head';
+import React, {type ReactElement} from 'react';
+import Head, {type Props as HeadProps} from '@docusaurus/Head';
 import type {Props} from '@theme/MDXComponents/Head';
 
 // MDX elements are wrapped through the MDX pragma. In some cases (notably usage
@@ -25,7 +25,5 @@ export default function MDXHead(props: Props): JSX.Element {
   const unwrappedChildren = React.Children.map(props.children, (child) =>
     React.isValidElement(child) ? unwrapMDXElement(child) : child,
   );
-  return (
-    <Head {...(props as ComponentProps<typeof Head>)}>{unwrappedChildren}</Head>
-  );
+  return <Head {...(props as HeadProps)}>{unwrappedChildren}</Head>;
 }

package/src/theme/MDXComponents/Pre.tsx

@@ -14,7 +14,8 @@ export default function MDXPre(props: Props): JSX.Element {
     <CodeBlock
       // If this pre is created by a ``` fenced codeblock, unwrap the children
       {...(isValidElement(props.children) &&
-      props.children.props?.originalType === 'code'
+      (props.children.props as {originalType: string} | null)?.originalType ===
+        'code'
         ? props.children.props
         : {...props})}
     />