From 47be7d68272b918b38c7262ed0966f6441390115 Mon Sep 17 00:00:00 2001
From: Juan Tejada <jstejada@fb.com>
Date: Wed, 24 Mar 2021 12:06:05 -0700
Subject: [PATCH] Improve suspense promise displayName

Reviewed By: jsdf

Differential Revision: D27270361

fbshipit-source-id: 376c9bf5778cbd36c3a06ac807c3e7e7c1e55374
---
 packages/react-relay/relay-hooks/FragmentResource.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react-relay/relay-hooks/FragmentResource.js b/packages/react-relay/relay-hooks/FragmentResource.js
index 3404b806a1600..acf87c8b8a30a 100644
--- a/packages/react-relay/relay-hooks/FragmentResource.js
+++ b/packages/react-relay/relay-hooks/FragmentResource.js
@@ -220,6 +220,7 @@ class FragmentResourceImpl {
     // to suspend.
     const networkPromise = this._getAndSavePromiseForFragmentRequestInFlight(
       fragmentIdentifier,
+      fragmentNode,
       fragmentOwner,
     );
     if (networkPromise != null) {
@@ -410,6 +411,7 @@ class FragmentResourceImpl {
 
   _getAndSavePromiseForFragmentRequestInFlight(
     cacheKey: string,
+    fragmentNode: ReaderFragment,
     fragmentOwner: RequestDescriptor,
   ): Promise<void> | null {
     const environment = this._environment;
@@ -432,8 +434,14 @@ class FragmentResourceImpl {
       });
     this._cache.set(cacheKey, promise);
 
+    const queryName = fragmentOwner.node.params.name;
+    const fragmentName = fragmentNode.name;
+    const promiseDisplayName =
+      queryName === fragmentName
+        ? `Relay(${queryName})`
+        : `Relay(${queryName}:${fragmentName})`;
     // $FlowExpectedError[prop-missing] Expando to annotate Promises.
-    promise.displayName = 'Relay(' + fragmentOwner.node.params.name + ')';
+    promise.displayName = promiseDisplayName;
     return promise;
   }