storybook/examples/external-docs/src/StoriesPage.tsx

import React from 'react';
import { DocsProvider, Meta, Story } from './blocks';

import meta, { WithArgs, Basic } from './components/button.stories';
import EmojiMeta, { WithArgs as EmojiWithArgs } from './components/emoji-button.stories';

export default () => (
  <DocsProvider>
    <div>
      <Meta of={meta} />

      <Story of={WithArgs} />
      <Story of={Basic} />

      <Story of={EmojiWithArgs} meta={EmojiMeta} />
    </div>
  </DocsProvider>
);