@types/mdx 2.0.1 → 2.0.3

mdx/README.md

@@ -8,7 +8,7 @@ This package contains type definitions for mdx (https://github.com/mdx-js/mdx).
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/mdx.
 
 ### Additional Details
- * Last updated: Sun, 17 Oct 2021 19:31:17 GMT
+ * Last updated: Tue, 18 Oct 2022 17:02:55 GMT
  * Dependencies: none
  * Global values: none
 

mdx/index.d.ts

@@ -33,8 +33,8 @@
  * ```
  *
  * The previous example added types to *all* `.mdx` files.
- * To define additional types for a specific MDX file, create a file with the same name but postfixed
- * with `.d.ts` next to the MDX file.
+ * To define types for a specific MDX file, create a file with the same name but postfixed with
+ * `.d.ts` next to the MDX file.
  *
  * For example, given the following MDX file `my-component.mdx`:
  *
@@ -47,9 +47,15 @@
  * Create the following file named `my-component.mdx.d.ts` in the same directory:
  *
  * ```ts
+ * export { default } from '*.mdx';
+ *
  * export const message: string;
  * ```
  *
+ * Note that this overwrites the `declare module '*.mdx' { … }` types from earlier, which is why you
+ * also need to define the default export. You can also define your own default export type to narrow
+ * the accepted prop types of this specific file.
+ *
  * It should now be possible to import both the MDX component and the exported constant `message`.
  */
 declare module '*.mdx' {

mdx/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/mdx",
-    "version": "2.0.1",
+    "version": "2.0.3",
     "description": "TypeScript definitions for mdx",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/mdx",
     "license": "MIT",
@@ -30,6 +30,6 @@
     },
     "scripts": {},
     "dependencies": {},
-    "typesPublisherContentHash": "b7ee723a8e8a51357fdba1928d23f2f6d00238c340cc18b185941482b711ee00",
-    "typeScriptVersion": "3.9"
+    "typesPublisherContentHash": "34b229059b2ba6024fdf79852a3dfac83188851aa3f53ce094d14073d82015cc",
+    "typeScriptVersion": "4.1"
 }

mdx/types.d.ts

@@ -1,7 +1,7 @@
 // Internal helper types
 
 // tslint:disable-next-line: strict-export-declare-modifiers
-type FunctionComponent<Props> = (props: Props) => JSX.Element;
+type FunctionComponent<Props> = (props: Props) => JSX.Element | null;
 // tslint:disable-next-line: strict-export-declare-modifiers
 type ClassComponent<Props> = new (props: Props) => JSX.ElementClass;
 // tslint:disable-next-line: strict-export-declare-modifiers
@@ -18,15 +18,14 @@ interface NestedMDXComponents {
  *
  * The key is the name of the element to override. The value is the component to render instead.
  */
-export type MDXComponents = NestedMDXComponents &
-    {
-        [Key in keyof JSX.IntrinsicElements]?: Component<JSX.IntrinsicElements[Key]> | keyof JSX.IntrinsicElements;
-    } & {
-        /**
-         * If a wrapper component is defined, the MDX content will be wrapped inside of it.
-         */
-        wrapper?: Component<any>;
-    };
+export type MDXComponents = NestedMDXComponents & {
+    [Key in keyof JSX.IntrinsicElements]?: Component<JSX.IntrinsicElements[Key]> | keyof JSX.IntrinsicElements;
+} & {
+    /**
+     * If a wrapper component is defined, the MDX content will be wrapped inside of it.
+     */
+    wrapper?: Component<any>;
+};
 
 /**
  * The props that may be passed to an MDX component.
@@ -47,7 +46,7 @@ export interface MDXProps {
 /**
  * The type of the default export of an MDX module.
  */
-export type MDXContent = FunctionComponent<MDXProps>;
+export type MDXContent = (props: MDXProps) => JSX.Element;
 
 /**
  * A generic MDX module type.