Hey @rshen91 I've seen that we can maybe do a cleaner path instead of reenabling the info addon that bring in some issues: we can use the StorySource addon that adds a new tab near the Knobs with the code listed directly from the story.
The minor drawback here is that, to avoid long waiting times caused by our very long story source files we should split the stories into multiple files (one per story) that is easy to read and display.
I've tested it out with the scales story that is the shortest one, and works fine. These are the passages I've done:

• add the addon: yarn add @storybook/addon-storysource --dev
• register it in .storybook/addons.js import '@storybook/addon-storysource/register';
• add the source loader for webpack (I've added it as the first rule, but not sure if this can be used in a different order:

config.module.rules.push({
    test: /\.tsx?$/,
    include: [path.resolve(__dirname, '../stories', 'scales')],
    loaders: [
      {
        loader: require.resolve('@storybook/source-loader'),
        options: { parser: 'typescript' },
      },
    ],
    enforce: 'pre',
  });

• I've created a scales folder and I've splitted each story in its own file, adding a 1_, 2_ prefix on each file to order them as it was before

For me it seems to render a more readable and usable code than the addon-info

Codecov Report

❗ No coverage uploaded for pull request base (master@3117a11). Click here to learn what that means.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             master     #557   +/-   ##
=========================================
  Coverage          ?   71.82%           
=========================================
  Files             ?      212           
  Lines             ?     6143           
  Branches          ?     1181           
=========================================
  Hits              ?     4412           
  Misses            ?     1712           
  Partials          ?       19

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3117a11...ba1f285. Read the comment docs.