Storybook's 'show code' option displays incorrect code

[DanielvanVliet]

When navigating the docs of a story on nldsreactstorybook, the 'show code' option does not always show working code.

For instance, in the Appbar docs:

The actual story for Appbar looks like this:

return (
    <AppBar {...args}>
      <Toolbar>
        <IconButton
          edge='start'
          className={classes.menuButton}
          color='inherit'
          aria-label='menu'
        >
          <MenuIcon />
        </IconButton>
        <Typography variant='h6'>News</Typography>
      </Toolbar>
      <Button>I am a button!</Button>
    </AppBar>
  )

I would expect at least working code, all of which should be in the nlds-react-components library (WithStyle is Material UI).

• Investigate how to customize the code example without creating an entire .MD file.
• Check all component stories to make sure Show code shows working code. Compile a list of all stories that have broken code examples so that follow-up issues can be made.
• Follow-up issues have been made

[bddjong]

https://storybook.js.org/docs/react/writing-docs/doc-blocks#docspage-1
This documentation might help with providing custom code examples without creating an entire MD file for the docs

[ogjtech]

https://storybook.js.org/docs/react/writing-docs/doc-blocks#docspage-1
This documentation might help with providing custom code examples without creating an entire MD file for the docs

This indeed fixes it, shows actual raw code as it is defined in in the Storybook file. No need for follow-up issues, fixing all stories at once.