Skip to content

memo name is Anonymous when passed the result of forwardRef #16722

Closed
@BPScott

Description

@BPScott

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]

Screen Shot 2019-09-09 at 10 45 02 PM

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions