Estoy tratando de renderizar un archivo MD pasado a través de parámetros. Puedo hacer que el texto se muestre con éxito, pero realmente quiero formatearlo como un archivo MD.
Estaba tratando de usar @storybook/addon-docs
pero parece que estos deben usarse en un archivo MDX en lugar de directamente en React, ya que recibo este error: Uncaught TypeError: storyById is not a function
.
import React from 'react'; import { useParameter } from '@storybook/api'; import { Title, Description } from '@storybook/addon-docs'; import { PARAM_KEY } from '../constants'; const WhatsNewPanel = (props: any) => { const value = useParameter(PARAM_KEY, null); const item = value ? value : 'No Markdown Defined'; return ( <> <Title>What's New?</Title> <Description>{item}</Description> </> ); }; export default WhatsNewPanel;
Si elimino los componentes Title
y Description
, puedo ver correctamente el texto MD sin formato.
¿Alguien sabe de una API o una forma de renderizar el archivo MD formateado?
Mi código PR .
react-markdown fue mi primer intento que funcionó lo suficiente, pero luego descubrí que si sacaba import { Description } from "@storybook/components";
en lugar de @storybook/addon-docs
, todo funcionó como se esperaba.
El código se puede ver en mi solicitud de extracción.