Me quedé atascado tratando de averiguar cómo funciona este ejemplo de mdx de Next.js.

No puedo averiguar si es posible llamar a componentes funcionales en React así:

 const components = { h1: Heading.H1, h2: Heading.H2 }

Sé que esto se puede crear con componentes de clase y estáticos, pero necesito usar componentes funcionales porque estoy aplicando algunos enlaces personalizados.

También intenté pasar algo como h1: <Heading level={1} /> pero falla con el siguiente error:

 Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

¿Algunas ideas? Esta no es una tarea de bloqueo para mí, hay varias soluciones, pero pregunto por curiosidad.