[addon-docs] Why Props component doesn't work?

In index.stories.mdx :

import { Meta, Preview, Story, Props } from '@storybook/addon-docs/blocks';
import { HomePanel } from '@/index';

<Meta title='Mdx|Home|Panel' component={HomePanel} />

# HomePanel

With `MDX` we can define a story for `HomePanel` right in the middle of our
markdown documentation.

<Preview>
  <Story name='Panel'>
     <HomePanel title="abc" amount="1000" description="123" />
  </Story>
</Preview>

## Props

<Props of={HomePanel} />

In HomePanel.tsx:

import React, { ReactNode, FC } from 'react'

interface HomePanelProps {
  title: string | ReactNode
  amount: string | ReactNode
  description: string | ReactNode
  style?: Object
}

const HomeCreditPanel: FC<HomePanelProps> = ({ title, amount, description, style }) => {
  return (
    <div className="panel" style={style}>
      <div className='title'>
        { title }
      </div>
      <div className='amount'>
        {amount}
      </div>
      <div className='description'>
        {description}
      </div>
    </div>
  )
}

export default HomePanel

But the docs shows:

[Mu-xue]

It works when I add ‘export’:

- const HomeCreditPanel: FC<HomePanelProps> = ({ title, amount, description, style }) => {
+ export const HomeCreditPanel: FC<HomePanelProps> = ({ title, amount, description, style }) => {

I just saw it in react-docgen-typescript-loader

However, I am still unable to understand why…

[Zunaib]

Are you able to showcase prop descriptions ? Mind sharing your presets and config