using markdown in addon-notes do not work

Describe the bug using markdown in addon-notes do not work

To Reproduce Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

Expected behavior show notes panel in the markdown way

Screenshots

Code snippets config.js file:

import { configure, addDecorator } from '@storybook/react';
import { configureViewport } from '@storybook/addon-viewport';
import { withOptions } from '@storybook/addon-options';
import { withNotes } from '@storybook/addon-notes';

// automatically import all files ending in *.stories.tsx
const req = require.context('../stories', true, /.stories.(tsx|ts)$/);

function loadStories() {
  req.keys().forEach(req);
}


configureViewport({
  defaultViewport: 'iphone6'
});

// override option defaults:
addDecorator(withOptions({
  name: '',
  // url: 'https://github.com/vanilla-framework/vanilla-framework-react',
  addonPanelInRight: true,
}))
addDecorator(withNotes)

configure(loadStories, module);

index.stories.tsx file:

import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { Input } from '../src';



storiesOf('Button', module)
  // .addDecorator(withNotes('1'))
  .add('with text', () => {
    return <Input  />
  },{
    notes:{
      markdown:`
        ###

        1
        ###

        2
      `
    }
  })
  .add('with some emoji',  () => (
    <div onClick={action('button-click')}>click me,please!</div>
  ),{
    notes:'2'
  });

System:

• OS: [e.g. iOS, Windows10, MacOS]
• Device: [e.g. iPhoneX, Macbook Pro 2018]
• Browser: [e.g. chrome, safari]
• Framework: [e.g. react, vue, angular]
• Addons: [if relevant]
• Version: [e.g. 4.0.0]

Additional context Add any other context about the problem here.

[KiyaDoig]

+1 I would like to be able to use markdown in-line (without having to import or use const). Thank you.

I just worked it out. Try like:

storiesOf("Foo", module)
    .add("Bar",
        () => <div />,
        {
            notes: `
## Test
Test
            `,
        },
    );

Note it’s required that there is no indentation of the markdown contents otherwise it doesn’t work…

[transitorytammy]

I am having the same issue (kinda). It seems like it is rendering the markdown but the formatting for the table in my markdown.

preview from my editor:

what is showing in storybook: