storybook: Addon-docs: Bad source for CSF with MDX Docs

Is your feature request related to a problem? Please describe. When using MDX with stories defined in CSF, the Show Code button does not display the actual code, but only the imported method name.

Describe the solution you’d like As with CSF or full MDX, I would expect the Show Code button to display the actual story reference code.

Describe alternatives you’ve considered From the recipe pages there’s two other options I’ve considered:

Pure MDX. This works, however it seems like you give up a lot of the benefits of the CSF: its portability and ability to be written in plain JS/JSX, with all its benefits.

CSF only. This also works, but you obviously don’t get the benefit of being able to define longer documentation. Especially interspersed within specific stories.

Are you able to assist bring the feature to reality? Potentially.

Additional context Reference to the Issue discussion here: https://github.com/storybookjs/storybook/issues/8377#issuecomment-540839675

MDX with story defined in CSF

<Preview>
  <Story name="Secondary">{stories.secondary()}</Story>
</Preview>

Just CSF

export const secondary = () => (
  <Button variant="secondary">Click me</Button>
);