Fix the use of JSX.Element in mdx index.d.ts

remcohaszing · remcohaszing · commit d51924efb0e1 · 2024-03-14T14:33:20.000+01:00
diff --git a/types/mdx/index.d.ts b/types/mdx/index.d.ts
@@ -52,7 +52,7 @@
  */
 declare module "*.mdx" {
     // eslint-disable-next-line @definitelytyped/no-self-import
-    import { MDXProps } from "mdx/types";
+    import { Element, MDXProps } from "mdx/types";
 
     /**
      * An function component which renders the MDX content using JSX.
@@ -61,7 +61,7 @@ declare module "*.mdx" {
      * @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it
      * could be a React, Preact, or Vuex element.
      */
-    export default function MDXContent(props: MDXProps): JSX.Element;
+    export default function MDXContent(props: MDXProps): Element;
 }
 
 // Support markdown extensions from
diff --git a/types/mdx/types.d.ts b/types/mdx/types.d.ts
@@ -22,12 +22,17 @@ type ClassElementType = Extract<ElementType, new(props: Record<string, any>) =>
  */
 type StringComponent = Extract<keyof JSX.IntrinsicElements, ElementType extends never ? string : ElementType>;
 
+/**
+ * A JSX element returned by MDX content.
+ */
+export type Element = JSX.Element;
+
 /**
  * A valid JSX function component.
  */
 type FunctionComponent<Props> = ElementType extends never
     // If JSX.ElementType isn’t defined, the valid return type is JSX.Element
-    ? (props: Props) => JSX.Element | null
+    ? (props: Props) => Element | null
     : FunctionElementType extends never
     // If JSX.ElementType is defined, but doesn’t allow function components, function components are disallowed.
         ? never
@@ -93,7 +98,7 @@ export interface MDXProps {
 /**
  * The type of the default export of an MDX module.
  */
-export type MDXContent = (props: MDXProps) => JSX.Element;
+export type MDXContent = (props: MDXProps) => Element;
 
 /**
  * A generic MDX module type.
