Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DevTools: Memo(ForwardRef()) and "Rendered By" List

See original GitHub issue

If you have memo(forwardRef(X)), then the inner component won’t have a “rendered by” list. This is because it technically doesn’t have an owner. It is artificial.

I think we should ideally set up _debugOwner for these Fibers in DEV just so existing tooling can find them. Or special case them in DevTools.

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

bvaughncommented, Apr 16, 2020

@hanq08 If you’re interested in working on this, we’d welcome a PR.

0reactions

eps1loncommented, Jul 19, 2020

bump

Top Results From Across the Web

Why is React.forwardRef preventing this HOC from rendering ...

1. Problem. It's like a bug in devtools when you put React.forwardRef inside React.memo . Therefore, to know whether these Cell s are...

Forwarding Refs - React

Ref forwarding is a technique for automatically passing a ref through a component to one of its children. This is typically not necessary...

Optimize slow React components with “React Profiler”

Which component to wrap with memo or which callback is responsible for component re-rendering regardless of nothing changing in it's data.

How to use React's forwardRef function | Felix Gerschau

Our task is to forward the ref that the Input component receives to the HTML input element. We do that by wrapping the...

React Function Components

Props are the React Function Component's parameters. Whereas the component can stay generic, we decide from the outside what it should render ( ......