Support Use

Author: eps1lon

packages/react-debug-tools/src/ReactDebugHooks.js

@@ -196,7 +196,7 @@ function use<T>(usable: Usable<T>): T {
         case 'fulfilled': {
           const fulfilledValue: T = thenable.value;
           hookLog.push({
-            displayName: null,
+            displayName: 'Use',
             primitive: 'Promise',
             stackError: new Error(),
             value: fulfilledValue,
@@ -214,7 +214,7 @@ function use<T>(usable: Usable<T>): T {
       // If this was an uncached Promise we have to abandon this attempt
       // but we can still emit anything up until this point.
       hookLog.push({
-        displayName: null,
+        displayName: 'Use',
         primitive: 'Unresolved',
         stackError: new Error(),
         value: thenable,

packages/react-debug-tools/src/__tests__/ReactHooksInspection-test.js

@@ -551,7 +551,7 @@ describe('ReactHooksInspection', () => {
               },
               "id": null,
               "isStateEditable": false,
-              "name": "Promise",
+              "name": "Use",
               "subHooks": [],
               "value": "world",
             },
@@ -596,7 +596,7 @@ describe('ReactHooksInspection', () => {
           },
           "id": null,
           "isStateEditable": false,
-          "name": "Unresolved",
+          "name": "Use",
           "subHooks": [],
           "value": Promise {},
         },