storybook/examples/official-storybook/stories/addon-docs/react-memo.stories.js

import React from 'react';
import { DocgenButton } from '../../components/DocgenButton';

const ButtonWithMemo = React.memo((props) => <DocgenButton {...props} />);

export default {
  title: 'Addons|Docs/ButtonWithMemo',
  component: ButtonWithMemo,
  parameters: { chromatic: { disable: true } },
};

export const displaysCorrectly = () => <ButtonWithMemo label="Hello World" />;
displaysCorrectly.story = { name: 'Displays components with memo correctly' };