Merge pull request #312 from Andrey-Bazhanov/main

improve useMDXComponent return type

Author: schickling

packages/next-contentlayer/src/hooks/useMDXComponent.ts

@@ -1,3 +1,4 @@
+import type { MDXComponents } from 'mdx/types'
 // NOTE use ESM/CommonJS compat import here until resolved: https://github.com/facebook/react/issues/11503
 import React from 'react'
 // NOTE use ESM/CommonJS compat import here until resolved: https://github.com/facebook/react/issues/11503
@@ -13,12 +14,17 @@ import { _jsx_runtime } from './jsx-runtime.cjs'
 // See https://github.com/contentlayerdev/contentlayer/issues/162
 // import * as _jsx_runtime from 'react/jsx-runtime'
 
-const getMDXComponent = (code: string, globals: Record<string, unknown> = {}): React.ComponentType<any> => {
+type MDXContentProps = {
+  [props: string]: unknown
+  components?: MDXComponents
+}
+
+const getMDXComponent = (code: string, globals: Record<string, unknown> = {}): React.ComponentType<MDXContentProps> => {
   const scope = { React, ReactDOM, _jsx_runtime, ...globals }
   const fn = new Function(...Object.keys(scope), code)
   return fn(...Object.values(scope)).default
 }
 
-export const useMDXComponent = (code: string, globals: Record<string, unknown> = {}): React.ComponentType<any> => {
+export const useMDXComponent = (code: string, globals: Record<string, unknown> = {}) => {
   return React.useMemo(() => getMDXComponent(code, globals), [code, globals])
 }