[DevTools] Include `name` prop when highlighting host instances (#34258)
Sebastian "Sebbie" Silbermann committed
Aug 25, 2025 at 16:40 UTC
e42f3d30cae0f3b9c6205ba37fd9497c6fc199e8
1 file changed
+5
-1
packages/react-devtools-shared/src/devtools/views/hooks.js
+5
-1
@@ -355,8 +355,12 @@ export function useHighlightHostInstance(): {
355
const element = store.getElementByID(id);
356
const rendererID = store.getRendererIDForElement(id);
357
if (element !== null && rendererID !== null) {
358
+ let displayName = element.displayName;
359
+ if (displayName !== null && element.nameProp !== null) {
360
+ displayName += ` name="${element.nameProp}"`;
361
+ }
362
bridge.send('highlightHostInstance', {
359
- displayName: element.displayName,
363
+ displayName,
364
hideAfterTimeout: false,
365
id,
366
openBuiltinElementsPanel: false,