fix(TS): improve typescript types for MDX component

kentcdodds · Mar 16, 2021 · 89399a8 · 89399a8
1 parent ad0bdd6
commit 89399a8
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/client.ts b/src/client.ts
@@ -1,14 +1,18 @@
 import * as React from 'react'
 
+interface ComponentMap {
+  [name: string]: React.ComponentType | string | ComponentMap
+}
+
+interface MDXContentProps {
+  [props: string]: unknown
+  components?: ComponentMap
+}
+
 function getMDXComponent(
   code: string,
   globals?: Record<string, unknown>,
-): React.FunctionComponent<{
-  components?: Record<
-    string,
-    React.FunctionComponent | React.Component | string
-  >
-}> {
+): React.FunctionComponent<MDXContentProps> {
   const scope = {React, ...globals}
   // eslint-disable-next-line
   const fn = new Function(...Object.keys(scope), code)