Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

473
Views
How do I render an MD file for a custom Storybook addon?

I am trying to render an MD file passed through parameters. I can successfully get the text to display, but I really want to get it formatted like an MD file.

I was trying to use @storybook/addon-docs but it appears these need to be used in an MDX file instead of directly in React, as I am getting this 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&apos;s New?</Title>
      <Description>{item}</Description>
    </>
  );
};

export default WhatsNewPanel;

If I remove the Title and Description components, I can see the unformatted MD text successfully.

Does anyone know of an API or way to render the MD file formatted?

My PR code.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

react-markdown was my first attempt which worked sufficiently, but then I found that if I pulled import { Description } from "@storybook/components"; instead of @storybook/addon-docs, everything worked as expected.

Code can be seen in my Pull Request.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!