When using React.memo(React.forwardRef(Component)) displayName will be inaccurate

[mejackreed]

Current behavior

When shallow rendering a component that has an inner displayName set wrapped in memo and forwardRef the displayName will be inaccurate.

Discussion in material-ui mui/material-ui#23831

Upstream behavior added in React: facebook/react#18925

So given the following:

const Foo = () => <div />;
Foo.displayName = 'CustomWrapper';

const MemoForwardFoo = React.memo(React.forwardRef(Foo));
expect(adapter.displayNameOfNode(<MemoForwardFoo />)).to.equal('Memo(ForwardRef(CustomWrapper))');

Currently : Memo([object object])

Expected behavior

From the React work, I would expect this to be CustomWrapper, but within Enzyme, it seems more like Memo(ForwardRef(CustomWrapper)) is the expectation

Your environment

API

• shallow
• mount
• render

Version

library	version
enzyme	3.11.0
react	>= 16.6
react-dom	>= 16.6
react-test-renderer	16.14.0
adapter (below)

Adapter

• enzyme-adapter-react-16
• enzyme-adapter-react-16.3
• enzyme-adapter-react-16.2
• enzyme-adapter-react-16.1
• enzyme-adapter-react-15
• enzyme-adapter-react-15.4
• enzyme-adapter-react-14
• enzyme-adapter-react-13
• enzyme-adapter-react-helper
• others ( )