Doesn't work as expected with React.memo

When I try to wrap a functional component with React.memo I get <[object Object] /> instead of the component name.

The output without React.memo is:

The output with React.memo is:

storiesOf('My component', module)
  .addDecorator(jsxDecorator)
  .add('default', () => (
    <MyComponent>
      <span>Some text content</span>
    </MyComponent>
  ));

• react: 16.8.6
• storybook: 5.1.11
• storybook-addon-jsx: 7.1.6

[hipstersmoothie]

Try

const MyComponent = (props) =><MyComponentMemo {...props} />; 
MyComponent.displayName = 'MyComponent'

I’ve been meaning to toy around with writing a better displayName babel plugin, but until then manually setting the name works pretty well. NOTE: This can also be easily overriden

[semihraifgurel]

I used it like this to solve my work.