{"patch":"diff --git a\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/ownersListContext-test.js.snap b\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/ownersListContext-test.js.snap\nindex d5e244adf0..a92d85a6e6 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/ownersListContext-test.js.snap\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/ownersListContext-test.js.snap\n@@ -13,18 +13,21 @@ Array [\n \"displayName\": \"Grandparent\",\n \"hocDisplayNames\": null,\n \"id\": 2,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n \"displayName\": \"Parent\",\n \"hocDisplayNames\": null,\n \"id\": 3,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n \"displayName\": \"Child\",\n \"hocDisplayNames\": null,\n \"id\": 4,\n+ \"key\": null,\n \"type\": 5,\n },\n ]\n@@ -44,18 +47,21 @@ Array [\n \"displayName\": \"Grandparent\",\n \"hocDisplayNames\": null,\n \"id\": 2,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n \"displayName\": \"Parent\",\n \"hocDisplayNames\": null,\n \"id\": 3,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n \"displayName\": \"Child\",\n \"hocDisplayNames\": null,\n \"id\": 4,\n+ \"key\": null,\n \"type\": 5,\n },\n ]\n@@ -67,12 +73,14 @@ Array [\n \"displayName\": \"Grandparent\",\n \"hocDisplayNames\": null,\n \"id\": 2,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n \"displayName\": \"Parent\",\n \"hocDisplayNames\": null,\n \"id\": 3,\n+ \"key\": null,\n \"type\": 5,\n },\n ]\n@@ -84,6 +92,7 @@ Array [\n \"displayName\": \"Grandparent\",\n \"hocDisplayNames\": null,\n \"id\": 2,\n+ \"key\": null,\n \"type\": 5,\n },\n Object {\n@@ -92,6 +101,7 @@ Array [\n \"Memo\",\n ],\n \"id\": 3,\n+ \"key\": null,\n \"type\": 8,\n },\n Object {\n@@ -100,6 +110,7 @@ Array [\n \"ForwardRef\",\n ],\n \"id\": 4,\n+ \"key\": null,\n \"type\": 6,\n },\n ]\n@@ -116,6 +127,7 @@ Array [\n \"displayName\": \"Grandparent\",\n \"hocDisplayNames\": null,\n \"id\": 2,\n+ \"key\": null,\n \"type\": 5,\n },\n ]\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/profilingCache-test.js.snap b\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/profilingCache-test.js.snap\nindex c9e7f97701..9b94c71e6e 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/profilingCache-test.js.snap\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/profilingCache-test.js.snap\n@@ -43,6 +43,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 16,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -82,6 +91,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 15,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -110,6 +128,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 18,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -165,6 +192,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 12,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -222,6 +258,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 25,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -261,6 +306,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 35,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -291,6 +345,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 45,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -392,6 +455,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 12,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -488,6 +560,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 25,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -548,6 +629,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 35,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -590,6 +680,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 45,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -736,7 +835,7 @@ Object {\n \"snapshots\": Array [],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\n \n@@ -855,6 +954,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 11,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -933,6 +1041,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 22,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -1029,6 +1146,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 35,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -1170,7 +1296,7 @@ Object {\n \"snapshots\": Array [],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\n \n@@ -1230,6 +1356,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 13,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Map {\n@@ -1266,6 +1401,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 34,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Map {\n@@ -1293,6 +1437,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 44,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -1470,6 +1623,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 24,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 11,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -1554,6 +1716,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 34,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 6,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -1723,6 +1894,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 13,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -1783,6 +1963,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 34,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -1825,6 +2014,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 44,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -2062,6 +2260,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 24,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 11,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -2143,6 +2350,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 34,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 6,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -2235,7 +2451,7 @@ Object {\n ],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\n \n@@ -2258,6 +2474,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Suspense\",\n@@ -2327,6 +2552,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -2359,6 +2593,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -2385,6 +2628,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Component\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 3,\n+ \"key\": null,\n+ \"type\": 5,\n+ },\n+ ],\n }\n `;\n \n@@ -2411,6 +2663,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Component\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 3,\n+ \"key\": null,\n+ \"type\": 5,\n+ },\n+ ],\n }\n `;\n \n@@ -2441,6 +2702,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -2496,6 +2766,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -2546,6 +2825,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -2578,6 +2866,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Component\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 3,\n+ \"key\": null,\n+ \"type\": 5,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -2610,6 +2907,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Component\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 3,\n+ \"key\": null,\n+ \"type\": 5,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -2658,6 +2964,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Component\",\n@@ -2747,7 +3062,7 @@ Object {\n \"snapshots\": Array [],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\n \n@@ -2814,6 +3129,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -2886,6 +3210,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"LegacyContextProvider\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 2,\n+ \"key\": null,\n+ \"type\": 1,\n+ },\n+ ],\n }\n `;\n \n@@ -2954,6 +3287,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -3023,6 +3365,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -3091,6 +3442,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n }\n `;\n \n@@ -3218,6 +3578,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -3338,6 +3707,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"LegacyContextProvider\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 2,\n+ \"key\": null,\n+ \"type\": 1,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -3460,6 +3838,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -3583,6 +3970,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -3705,6 +4101,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 0,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"LegacyContextProvider\",\n@@ -3917,7 +4322,7 @@ Object {\n \"snapshots\": Array [],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\n \n@@ -4020,6 +4425,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Normal\",\n \"timestamp\": 11,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n Object {\n \"changeDescriptions\": Array [\n@@ -4100,6 +4514,15 @@ Object {\n \"passiveEffectDuration\": null,\n \"priorityLevel\": \"Immediate\",\n \"timestamp\": 22,\n+ \"updaters\": Array [\n+ Object {\n+ \"displayName\": \"Anonymous\",\n+ \"hocDisplayNames\": null,\n+ \"id\": 1,\n+ \"key\": null,\n+ \"type\": 11,\n+ },\n+ ],\n },\n ],\n \"displayName\": \"Parent\",\n@@ -4237,6 +4660,6 @@ Object {\n \"snapshots\": Array [],\n },\n ],\n- \"version\": 4,\n+ \"version\": 5,\n }\n `;\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilingUtils-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilingUtils-test.js\nindex 5cf07cf472..2c9268da2a 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilingUtils-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilingUtils-test.js\n@@ -22,6 +22,6 @@ describe('profiling utils', () => {\n dataForRoots: [],\n }: any),\n ),\n- ).toThrow('Unsupported profiler export version \"0\"');\n+ ).toThrow('Unsupported profile export version');\n });\n });\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\nindex fcc7895356..091d755009 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n@@ -51,7 +51,7 @@ import type {\n ComponentFilter,\n ElementType,\n } from 'react-devtools-shared\/src\/types';\n-import type {Owner, InspectedElement} from '..\/types';\n+import type {InspectedElement, SerializedElement} from '..\/types';\n \n export type InternalInstance = Object;\n type LegacyRenderer = Object;\n@@ -767,6 +767,7 @@ export function attach(\n owners.push({\n displayName: getData(owner).displayName || 'Unknown',\n id: getID(owner),\n+ key: element.key,\n type: getElementType(owner),\n });\n if (owner._currentElement) {\n@@ -1047,7 +1048,7 @@ export function attach(\n \/\/ Not implemented.\n }\n \n- function getOwnersList(id: number): Array | null {\n+ function getOwnersList(id: number): Array | null {\n \/\/ Not implemented.\n return null;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\nindex 09042d0446..b006c9166f 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n@@ -81,6 +81,8 @@ import {\n } from '.\/ReactSymbols';\n import {format} from '.\/utils';\n import {enableProfilerChangedHookIndices} from 'react-devtools-feature-flags';\n+import is from 'shared\/objectIs';\n+import isArray from 'shared\/isArray';\n \n import type {Fiber} from 'react-reconciler\/src\/ReactInternalTypes';\n import type {\n@@ -91,13 +93,13 @@ import type {\n InspectedElementPayload,\n InstanceAndStyle,\n NativeType,\n- Owner,\n PathFrame,\n PathMatch,\n ProfilingDataBackend,\n ProfilingDataForRootBackend,\n ReactRenderer,\n RendererInterface,\n+ SerializedElement,\n WorkTagMap,\n } from '.\/types';\n import type {Interaction} from 'react-devtools-shared\/src\/devtools\/views\/Profiler\/types';\n@@ -105,8 +107,6 @@ import type {\n ComponentFilter,\n ElementType,\n } from 'react-devtools-shared\/src\/types';\n-import is from 'shared\/objectIs';\n-import isArray from 'shared\/isArray';\n \n type getDisplayNameForFiberType = (fiber: Fiber) => string | null;\n type getTypeSymbolType = (type: any) => Symbol | number;\n@@ -2172,6 +2172,7 @@ export function attach(\n ),\n maxActualDuration: 0,\n priorityLevel: null,\n+ updaters: getUpdatersList(root),\n effectDuration: null,\n passiveEffectDuration: null,\n };\n@@ -2184,6 +2185,12 @@ export function attach(\n }\n }\n \n+ function getUpdatersList(root): Array | null {\n+ return root.memoizedUpdaters != null\n+ ? Array.from(root.memoizedUpdaters).map(fiberToSerializedElement)\n+ : null;\n+ }\n+\n function handleCommitFiberUnmount(fiber) {\n \/\/ This is not recursive.\n \/\/ We can't traverse fibers after unmounting so instead\n@@ -2241,6 +2248,8 @@ export function attach(\n priorityLevel:\n priorityLevel == null ? null : formatPriorityLevel(priorityLevel),\n \n+ updaters: getUpdatersList(root),\n+\n \/\/ Initialize to null; if new enough React version is running,\n \/\/ these values will be read during separate handlePostCommitFiberRoot() call.\n effectDuration: null,\n@@ -2637,7 +2646,16 @@ export function attach(\n }\n }\n \n- function getOwnersList(id: number): Array | null {\n+ function fiberToSerializedElement(fiber: Fiber): SerializedElement {\n+ return {\n+ displayName: getDisplayNameForFiber(fiber) || 'Anonymous',\n+ id: getFiberID(getPrimaryFiber(fiber)),\n+ key: fiber.key,\n+ type: getElementTypeForFiber(fiber),\n+ };\n+ }\n+\n+ function getOwnersList(id: number): Array | null {\n const fiber = findCurrentFiberUsingSlowPathById(id);\n if (fiber == null) {\n return null;\n@@ -2645,22 +2663,12 @@ export function attach(\n \n const {_debugOwner} = fiber;\n \n- const owners = [\n- {\n- displayName: getDisplayNameForFiber(fiber) || 'Anonymous',\n- id,\n- type: getElementTypeForFiber(fiber),\n- },\n- ];\n+ const owners: Array = [fiberToSerializedElement(fiber)];\n \n if (_debugOwner) {\n let owner = _debugOwner;\n while (owner !== null) {\n- owners.unshift({\n- displayName: getDisplayNameForFiber(owner) || 'Anonymous',\n- id: getFiberID(getPrimaryFiber(owner)),\n- type: getElementTypeForFiber(owner),\n- });\n+ owners.unshift(fiberToSerializedElement(owner));\n owner = owner._debugOwner || null;\n }\n }\n@@ -2791,11 +2799,7 @@ export function attach(\n owners = [];\n let owner = _debugOwner;\n while (owner !== null) {\n- owners.push({\n- displayName: getDisplayNameForFiber(owner) || 'Anonymous',\n- id: getFiberID(getPrimaryFiber(owner)),\n- type: getElementTypeForFiber(owner),\n- });\n+ owners.push(fiberToSerializedElement(owner));\n owner = owner._debugOwner || null;\n }\n }\n@@ -3380,6 +3384,7 @@ export function attach(\n maxActualDuration: number,\n passiveEffectDuration: number | null,\n priorityLevel: string | null,\n+ updaters: Array | null,\n |};\n \n type CommitProfilingMetadataMap = Map>;\n@@ -3438,6 +3443,7 @@ export function attach(\n passiveEffectDuration,\n priorityLevel,\n commitTime,\n+ updaters,\n } = commitProfilingData;\n \n const interactionIDs: Array = [];\n@@ -3478,6 +3484,7 @@ export function attach(\n passiveEffectDuration,\n priorityLevel,\n timestamp: commitTime,\n+ updaters,\n });\n });\n \ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/types.js b\/packages\/react-devtools-shared\/src\/backend\/types.js\nindex ea83d77666..f80211168c 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/types.js\n@@ -168,6 +168,7 @@ export type CommitDataBackend = {|\n passiveEffectDuration: number | null,\n priorityLevel: string | null,\n timestamp: number,\n+ updaters: Array | null,\n |};\n \n export type ProfilingDataForRootBackend = {|\n@@ -199,15 +200,16 @@ export type PathMatch = {|\n isFullMatch: boolean,\n |};\n \n-export type Owner = {|\n+export type SerializedElement = {|\n displayName: string | null,\n id: number,\n+ key: number | string | null,\n type: ElementType,\n |};\n \n export type OwnersList = {|\n id: number,\n- owners: Array | null,\n+ owners: Array | null,\n |};\n \n export type InspectedElement = {|\n@@ -244,7 +246,7 @@ export type InspectedElement = {|\n warnings: Array<[string, number]>,\n \n \/\/ List of owners\n- owners: Array | null,\n+ owners: Array | null,\n \n \/\/ Location of component in source code.\n source: Source | null,\n@@ -322,7 +324,7 @@ export type RendererInterface = {\n getDisplayNameForFiberID: GetDisplayNameForFiberID,\n getInstanceAndStyle(id: number): InstanceAndStyle,\n getProfilingData(): ProfilingDataBackend,\n- getOwnersList: (id: number) => Array | null,\n+ getOwnersList: (id: number) => Array | null,\n getPathForElement: (id: number) => Array | null,\n handleCommitFiberRoot: (fiber: Object, commitPriority?: number) => void,\n handleCommitFiberUnmount: (fiber: Object) => void,\ndiff --git a\/packages\/react-devtools-shared\/src\/constants.js b\/packages\/react-devtools-shared\/src\/constants.js\nindex f8868111e0..bae23abc01 100644\n--- a\/packages\/react-devtools-shared\/src\/constants.js\n+++ b\/packages\/react-devtools-shared\/src\/constants.js\n@@ -41,7 +41,7 @@ export const LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY =\n export const LOCAL_STORAGE_TRACE_UPDATES_ENABLED_KEY =\n 'React::DevTools::traceUpdatesEnabled';\n \n-export const PROFILER_EXPORT_VERSION = 4;\n+export const PROFILER_EXPORT_VERSION = 5;\n \n export const CHANGE_LOG_URL =\n 'https:\/\/github.com\/facebook\/react\/blob\/master\/packages\/react-devtools\/CHANGELOG.md';\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js\nindex 4d8662d80d..e7b4165910 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js\n@@ -35,7 +35,7 @@ import {\n import styles from '.\/InspectedElementView.css';\n \n import type {ContextMenuContextType} from '..\/context';\n-import type {Element, InspectedElement, Owner} from '.\/types';\n+import type {Element, InspectedElement, SerializedElement} from '.\/types';\n import type {ElementType} from 'react-devtools-shared\/src\/types';\n \n export type CopyPath = (path: Array) => void;\n@@ -127,7 +127,7 @@ export default function InspectedElementView({\n

rendered by<\/div>\n {showOwnersList &&\n- ((owners: any): Array).map(owner => (\n+ ((owners: any): Array).map(owner => (\n Array | null;\n+type Context = (id: number) => Array | null;\n \n const OwnersListContext = createContext(((null: any): Context));\n OwnersListContext.displayName = 'OwnersListContext';\n \n-type ResolveFn = (ownersList: Array | null) => void;\n+type ResolveFn = (ownersList: Array | null) => void;\n type InProgressRequest = {|\n- promise: Thenable>,\n+ promise: Thenable>,\n resolveFn: ResolveFn,\n |};\n \n const inProgressRequests: WeakMap = new WeakMap();\n-const resource: Resource> = createResource(\n+const resource: Resource<\n+ Element,\n+ Element,\n+ Array,\n+> = createResource(\n (element: Element) => {\n const request = inProgressRequests.get(element);\n if (request != null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\nindex 8e106e8f04..d7efafee6c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\n@@ -27,16 +27,16 @@ import {TreeDispatcherContext, TreeStateContext} from '.\/TreeContext';\n import {useIsOverflowing} from '..\/hooks';\n import {StoreContext} from '..\/context';\n \n-import type {Owner} from '.\/types';\n+import type {SerializedElement} from '.\/types';\n \n import styles from '.\/OwnersStack.css';\n \n-type SelectOwner = (owner: Owner | null) => void;\n+type SelectOwner = (owner: SerializedElement | null) => void;\n \n type ACTION_UPDATE_OWNER_ID = {|\n type: 'UPDATE_OWNER_ID',\n ownerID: number | null,\n- owners: Array,\n+ owners: Array,\n |};\n type ACTION_UPDATE_SELECTED_INDEX = {|\n type: 'UPDATE_SELECTED_INDEX',\n@@ -47,7 +47,7 @@ type Action = ACTION_UPDATE_OWNER_ID | ACTION_UPDATE_SELECTED_INDEX;\n \n type State = {|\n ownerID: number | null,\n- owners: Array,\n+ owners: Array,\n selectedIndex: number,\n |};\n \n@@ -104,7 +104,7 @@ export default function OwnerStack() {\n const {owners, selectedIndex} = state;\n \n const selectOwner = useCallback(\n- (owner: Owner | null) => {\n+ (owner: SerializedElement | null) => {\n if (owner !== null) {\n const index = owners.indexOf(owner);\n dispatch({\n@@ -197,7 +197,7 @@ export default function OwnerStack() {\n }\n \n type ElementsDropdownProps = {\n- owners: Array,\n+ owners: Array,\n selectedIndex: number,\n selectOwner: SelectOwner,\n ...\n@@ -245,7 +245,7 @@ function ElementsDropdown({\n \n type ElementViewProps = {\n isSelected: boolean,\n- owner: Owner,\n+ owner: SerializedElement,\n selectOwner: SelectOwner,\n ...\n };\n@@ -278,7 +278,7 @@ function ElementView({isSelected, owner, selectOwner}: ElementViewProps) {\n }\n \n type BackToOwnerButtonProps = {|\n- owners: Array,\n+ owners: Array,\n selectedIndex: number,\n selectOwner: SelectOwner,\n |};\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\nindex 11eb544c3f..e09a251392 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js\n@@ -44,16 +44,17 @@ export type Element = {|\n weight: number,\n |};\n \n-export type Owner = {|\n+export type SerializedElement = {|\n displayName: string | null,\n id: number,\n+ key: number | string | null,\n hocDisplayNames: Array | null,\n type: ElementType,\n |};\n \n export type OwnersList = {|\n id: number,\n- owners: Array | null,\n+ owners: Array | null,\n |};\n \n export type InspectedElementResponseType =\n@@ -94,7 +95,7 @@ export type InspectedElement = {|\n warnings: Array<[string, number]>,\n \n \/\/ List of owners\n- owners: Array | null,\n+ owners: Array | null,\n \n \/\/ Location of component in source code.\n source: Source | null,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\nindex 34917846eb..d82f10b3d7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\n@@ -30,6 +30,7 @@\n .Interactions {\n margin: 0 0 0.5rem;\n }\n+.NoInteractions,\n .Interaction {\n display: block;\n width: 100%;\n@@ -45,6 +46,10 @@\n background-color: var(--color-background-hover);\n }\n \n+.NoInteractions {\n+ color: var(--color-dim);\n+}\n+\n .Label {\n overflow: hidden;\n text-overflow: ellipsis;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\nindex ed913984cc..dcfaf7d68b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n@@ -10,8 +10,10 @@\n import * as React from 'react';\n import {Fragment, useContext} from 'react';\n import {ProfilerContext} from '.\/ProfilerContext';\n+import Updaters from '.\/Updaters';\n import {formatDuration, formatTime} from '.\/utils';\n import {StoreContext} from '..\/context';\n+import {getCommitTree} from '.\/CommitTreeBuilder';\n \n import styles from '.\/SidebarCommitInfo.css';\n \n@@ -39,6 +41,7 @@ export default function SidebarCommitInfo(_: Props) {\n passiveEffectDuration,\n priorityLevel,\n timestamp,\n+ updaters,\n } = profilerStore.getCommitData(rootID, selectedCommitIndex);\n \n const viewInteraction = interactionID => {\n@@ -49,6 +52,15 @@ export default function SidebarCommitInfo(_: Props) {\n const hasCommitPhaseDurations =\n effectDuration !== null || passiveEffectDuration !== null;\n \n+ const commitTree =\n+ updaters !== null\n+ ? getCommitTree({\n+ commitIndex: selectedCommitIndex,\n+ profilerStore,\n+ rootID,\n+ })\n+ : null;\n+\n return (\n \n

Commit information<\/div>\n@@ -102,11 +114,18 @@ export default function SidebarCommitInfo(_: Props) {\n <\/li>\n )}\n \n+ {updaters !== null && commitTree !== null && (\n+

\n+ What caused this update<\/label>?\n+ \n+ <\/li>\n+ )}\n+\n

\n Interactions<\/label>:\n

\n {interactionIDs.length === 0 ? (\n-

None<\/div>\n+

(none)<\/div>\n ) : null}\n {interactionIDs.map(interactionID => {\n const interaction = interactions.get(interactionID);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.css b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.css\nnew file mode 100644\nindex 0000000000..18d7f7f8fa\n--- \/dev\/null\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.css\n@@ -0,0 +1,25 @@\n+.Updaters {\n+ margin: 0 0 0.5rem;\n+}\n+\n+.NoUpdaters,\n+.Updater,\n+.UnmountedUpdater {\n+ display: block;\n+ width: 100%;\n+ text-align: left;\n+ background: none;\n+ border: none;\n+ padding: 0.25rem 0.5rem;\n+ color: var(--color-text);\n+}\n+.Updater:focus,\n+.Updater:hover {\n+ outline: none;\n+ background-color: var(--color-background-hover);\n+}\n+\n+.NoUpdaters,\n+.UnmountedUpdater {\n+ color: var(--color-dim);\n+}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js\nnew file mode 100644\nindex 0000000000..9e2518612e\n--- \/dev\/null\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js\n@@ -0,0 +1,55 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @flow\n+ *\/\n+\n+import type {CommitTree} from '.\/types';\n+import type {SerializedElement} from '..\/Components\/types';\n+\n+import * as React from 'react';\n+import {useContext} from 'react';\n+import {ProfilerContext} from '.\/ProfilerContext';\n+import styles from '.\/Updaters.css';\n+\n+export type Props = {|\n+ commitTree: CommitTree,\n+ updaters: Array,\n+|};\n+\n+export default function Updaters({commitTree, updaters}: Props) {\n+ const {selectFiber} = useContext(ProfilerContext);\n+\n+ const children =\n+ updaters.length > 0 ? (\n+ updaters.map((serializedElement: SerializedElement) => {\n+ const {displayName, id, key} = serializedElement;\n+ const isVisibleInTree = commitTree.nodes.has(id);\n+ if (isVisibleInTree) {\n+ return (\n+ selectFiber(id, displayName)}>\n+ {displayName} {key ? `key=\"${key}\"` : ''}\n+ <\/button>\n+ );\n+ } else {\n+ return (\n+

\n+ {displayName} {key ? `key=\"${key}\"` : ''}\n+ <\/div>\n+ );\n+ }\n+ })\n+ ) : (\n+

\n+ (unknown)\n+ <\/div>\n+ );\n+\n+ return

{children}<\/div>;\n+}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/types.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/types.js\nindex 11e99c05b1..90c56b3529 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/types.js\n@@ -8,6 +8,7 @@\n *\/\n \n import type {ElementType} from 'react-devtools-shared\/src\/types';\n+import type {SerializedElement} from '..\/Components\/types';\n \n export type CommitTreeNode = {|\n id: number,\n@@ -80,6 +81,9 @@ export type CommitDataFrontend = {|\n \n \/\/ When did this commit occur (relative to the start of profiling)\n timestamp: number,\n+\n+ \/\/ Fiber(s) responsible for scheduling this update.\n+ updaters: Array | null,\n |};\n \n export type ProfilingDataForRootFrontend = {|\n@@ -131,6 +135,7 @@ export type CommitDataExport = {|\n passiveEffectDuration: number | null,\n priorityLevel: string | null,\n timestamp: number,\n+ updaters: Array | null,\n |};\n \n export type ProfilingDataForRootExport = {|\n@@ -148,6 +153,6 @@ export type ProfilingDataForRootExport = {|\n \n \/\/ Serializable version of ProfilingDataFrontend data.\n export type ProfilingDataExport = {|\n- version: 4,\n+ version: 5,\n dataForRoots: Array,\n |};\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\nindex c667276cfa..55f7ecb5c1 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\n@@ -8,6 +8,7 @@\n *\/\n \n import {PROFILER_EXPORT_VERSION} from 'react-devtools-shared\/src\/constants';\n+import {separateDisplayNameAndHOCs} from 'react-devtools-shared\/src\/utils';\n \n import type {ProfilingDataBackend} from 'react-devtools-shared\/src\/backend\/types';\n import type {\n@@ -84,6 +85,23 @@ export function prepareProfilingDataFrontendFromBackendAndStore(\n passiveEffectDuration: commitDataBackend.passiveEffectDuration,\n priorityLevel: commitDataBackend.priorityLevel,\n timestamp: commitDataBackend.timestamp,\n+ updaters:\n+ commitDataBackend.updaters !== null\n+ ? commitDataBackend.updaters.map(serializedElement => {\n+ const [\n+ serializedElementDisplayName,\n+ serializedElementHocDisplayNames,\n+ ] = separateDisplayNameAndHOCs(\n+ serializedElement.displayName,\n+ serializedElement.type,\n+ );\n+ return {\n+ ...serializedElement,\n+ displayName: serializedElementDisplayName,\n+ hocDisplayNames: serializedElementHocDisplayNames,\n+ };\n+ })\n+ : null,\n }),\n );\n \n@@ -111,7 +129,9 @@ export function prepareProfilingDataFrontendFromExport(\n const {version} = profilingDataExport;\n \n if (version !== PROFILER_EXPORT_VERSION) {\n- throw Error(`Unsupported profiler export version \"${version}\"`);\n+ throw Error(\n+ `Unsupported profile export version \"${version}\". Supported version is \"${PROFILER_EXPORT_VERSION}\".`,\n+ );\n }\n \n const dataForRoots: Map = new Map();\n@@ -138,6 +158,7 @@ export function prepareProfilingDataFrontendFromExport(\n passiveEffectDuration,\n priorityLevel,\n timestamp,\n+ updaters,\n }) => ({\n changeDescriptions:\n changeDescriptions != null ? new Map(changeDescriptions) : null,\n@@ -149,6 +170,7 @@ export function prepareProfilingDataFrontendFromExport(\n passiveEffectDuration,\n priorityLevel,\n timestamp,\n+ updaters,\n }),\n ),\n displayName,\n@@ -193,6 +215,7 @@ export function prepareProfilingDataExport(\n passiveEffectDuration,\n priorityLevel,\n timestamp,\n+ updaters,\n }) => ({\n changeDescriptions:\n changeDescriptions != null\n@@ -206,6 +229,7 @@ export function prepareProfilingDataExport(\n passiveEffectDuration,\n priorityLevel,\n timestamp,\n+ updaters,\n }),\n ),\n displayName,\n","commit":{"subject":"DevTools shows which fibers scheduled the current update (#21171)","authoredAt":"2021-04-09T10:35:06-04:00","revision":"bdc23c3dba86eaa03c7accecc16e8fd997e9185e","authorEmail":"bvaughn@fb.com","authorName":"Brian Vaughn","shortRevision":"bdc23c3dba"},"files":[{"path":"packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/ownersListContext-test.js.snap","status":"M"},{"path":"packages\/react-devtools-shared\/src\/__tests__\/__snapshots__\/profilingCache-test.js.snap","status":"M"},{"path":"packages\/react-devtools-shared\/src\/__tests__\/profilingUtils-test.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/renderer.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/backend\/types.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/constants.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/types.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.css","status":"A"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js","status":"A"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/types.js","status":"M"},{"path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js","status":"M"}],"body":"","parents":["dc108b0f55387c811899aeb92e583294b0707b1c"]}

dillon1000/react

Files changed