Closed
Description
Do you want to request a feature or report a bug?
Bug
What is the current behavior?
Consider the following code:
const forwardRefComponentLike = function forwardRefComponentLike(_props, _ref) {
return <span>FowardRef</span>;
};
const FowardRefComponent = React.forwardRef(forwardRefComponentLike, {});
const MemoOfFowardRefComponent = React.memo(FowardRefComponent);
The MemoOfFowardRefComponent
component does not pick up the name of the ForwardRefComponent and is instead rendered in devtools as:
Anonymous [Memo]
forwardRefComponentLike [ForwardRef]
See this codesandbox for a demo and a comparison of how React.memo handles regular functional components: https://codesandbox.io/s/react-forwardref-and-memo-combo-33vx7
What is the expected behavior?
I would expect this to pick up the name of the thing passed into React.Memo, as happens for regular components
forwardRefComponentLike [Memo]
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
Tested with React 16.9.0.
Metadata
Metadata
Assignees
Labels
No labels