react-relay 20.1.0 → 21.0.0

package/lib/relay-hooks/useFragmentInternal_CURRENT.js

@@ -146,17 +146,17 @@ function handleMissedUpdates(environment, state) {
     var updatedData = recycleNodesInto(state.snapshot.data, currentSnapshot.data);
     var updatedCurrentSnapshot = {
       data: updatedData,
+      fieldErrors: currentSnapshot.fieldErrors,
       isMissingData: currentSnapshot.isMissingData,
       missingClientEdges: currentSnapshot.missingClientEdges,
       missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
       seenRecords: currentSnapshot.seenRecords,
-      selector: currentSnapshot.selector,
-      fieldErrors: currentSnapshot.fieldErrors
+      selector: currentSnapshot.selector
     };
     return [updatedData !== state.snapshot.data, {
+      epoch: currentEpoch,
       kind: 'singular',
-      snapshot: updatedCurrentSnapshot,
-      epoch: currentEpoch
+      snapshot: updatedCurrentSnapshot
     }];
   } else {
     var didMissUpdates = false;
@@ -167,12 +167,12 @@ function handleMissedUpdates(environment, state) {
       var _updatedData = recycleNodesInto(snapshot.data, _currentSnapshot.data);
       var _updatedCurrentSnapshot = {
         data: _updatedData,
+        fieldErrors: _currentSnapshot.fieldErrors,
         isMissingData: _currentSnapshot.isMissingData,
         missingClientEdges: _currentSnapshot.missingClientEdges,
         missingLiveResolverFields: _currentSnapshot.missingLiveResolverFields,
         seenRecords: _currentSnapshot.seenRecords,
-        selector: _currentSnapshot.selector,
-        fieldErrors: _currentSnapshot.fieldErrors
+        selector: _currentSnapshot.selector
       };
       if (_updatedData !== snapshot.data) {
         didMissUpdates = true;
@@ -181,9 +181,9 @@ function handleMissedUpdates(environment, state) {
     }
     !(currentSnapshots.length === state.snapshots.length) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Expected same number of snapshots') : invariant(false) : void 0;
     return [didMissUpdates, {
+      epoch: currentEpoch,
       kind: 'plural',
-      snapshots: currentSnapshots,
-      epoch: currentEpoch
+      snapshots: currentSnapshots
     }];
   }
 }
@@ -209,8 +209,8 @@ function subscribeToSnapshot(environment, state, setState, hasPendingStateChange
             var dataChanged = updates[0],
               nextState = updates[1];
             environment.__log({
-              name: 'useFragment.subscription.missedUpdates',
-              hasDataChanges: dataChanged
+              hasDataChanges: dataChanged,
+              name: 'useFragment.subscription.missedUpdates'
             });
             hasPendingStateChanges.current = dataChanged;
             return dataChanged ? nextState : prevState;
@@ -220,9 +220,9 @@ function subscribeToSnapshot(environment, state, setState, hasPendingStateChange
         }
         hasPendingStateChanges.current = true;
         return {
+          epoch: environment.getStore().getEpoch(),
           kind: 'singular',
-          snapshot: latestSnapshot,
-          epoch: environment.getStore().getEpoch()
+          snapshot: latestSnapshot
         };
       });
     });
@@ -240,8 +240,8 @@ function subscribeToSnapshot(environment, state, setState, hasPendingStateChange
               var dataChanged = updates[0],
                 nextState = updates[1];
               environment.__log({
-                name: 'useFragment.subscription.missedUpdates',
-                hasDataChanges: dataChanged
+                hasDataChanges: dataChanged,
+                name: 'useFragment.subscription.missedUpdates'
               });
               hasPendingStateChanges.current = hasPendingStateChanges.current || dataChanged;
               return dataChanged ? nextState : prevState;
@@ -253,9 +253,9 @@ function subscribeToSnapshot(environment, state, setState, hasPendingStateChange
           updated[index] = latestSnapshot;
           hasPendingStateChanges.current = true;
           return {
+            epoch: environment.getStore().getEpoch(),
             kind: 'plural',
-            snapshots: updated,
-            epoch: environment.getStore().getEpoch()
+            snapshots: updated
           };
         });
       });
@@ -283,17 +283,17 @@ function getFragmentState(environment, fragmentSelector) {
     };
   } else if (fragmentSelector.kind === 'PluralReaderSelector') {
     return {
+      epoch: environment.getStore().getEpoch(),
       kind: 'plural',
       snapshots: fragmentSelector.selectors.map(function (s) {
         return environment.lookup(s);
-      }),
-      epoch: environment.getStore().getEpoch()
+      })
     };
   } else {
     return {
+      epoch: environment.getStore().getEpoch(),
       kind: 'singular',
-      snapshot: environment.lookup(fragmentSelector),
-      epoch: environment.getStore().getEpoch()
+      snapshot: environment.lookup(fragmentSelector)
     };
   }
 }
@@ -374,6 +374,14 @@ function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOp
       clientEdgeQueries = _useMemo[0],
       activeRequestPromises = _useMemo[1];
     if (activeRequestPromises.length) {
+      !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
+      var fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      environment.__log({
+        name: 'suspense.client_edge',
+        fragment: fragmentNode,
+        fragmentOwner: fragmentOwner,
+        isMount: committedFragmentSelectorRef.current === false
+      });
       throw Promise.all(activeRequestPromises);
     }
     useEffect(function () {
@@ -404,15 +412,31 @@ function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOp
   if (isMissingData(state)) {
     var suspendingLiveResolvers = getSuspendingLiveResolver(state);
     if (suspendingLiveResolvers != null && suspendingLiveResolvers.length > 0) {
+      !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
+      var _fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      environment.__log({
+        name: 'suspense.resolver',
+        fragment: fragmentNode,
+        fragmentOwner: _fragmentOwner,
+        isMount: committedFragmentSelectorRef.current === false,
+        suspendingLiveResolvers: suspendingLiveResolvers
+      });
       throw Promise.all(suspendingLiveResolvers.map(function (liveStateID) {
         return environment.getStore().getLiveResolverPromise(liveStateID);
       }));
     }
-    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || !committedFragmentSelectorRef.current || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {
+    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || committedFragmentSelectorRef.current === false || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {
       !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
-      var fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
-      var pendingOperationsResult = getPendingOperationsForFragment(environment, fragmentNode, fragmentOwner);
+      var _fragmentOwner2 = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      var pendingOperationsResult = getPendingOperationsForFragment(environment, fragmentNode, _fragmentOwner2);
       if (pendingOperationsResult) {
+        environment.__log({
+          name: 'suspense.missing_data',
+          fragment: fragmentNode,
+          fragmentOwner: _fragmentOwner2,
+          isMount: committedFragmentSelectorRef.current === false,
+          pendingOperations: pendingOperationsResult.pendingOperations
+        });
         throw pendingOperationsResult.promise;
       }
     }
@@ -472,8 +496,8 @@ function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOp
   }
   if (process.env.NODE_ENV !== "production") {
     useDebugValue({
-      fragment: fragmentNode.name,
-      data: data
+      data: data,
+      fragment: fragmentNode.name
     });
   }
   return data;

package/lib/relay-hooks/useFragmentInternal_EXPERIMENTAL.js

@@ -146,19 +146,19 @@ function handleMissedUpdates(environment, state) {
     var updatedData = recycleNodesInto(state.snapshot.data, currentSnapshot.data);
     var updatedCurrentSnapshot = {
       data: updatedData,
+      fieldErrors: currentSnapshot.fieldErrors,
       isMissingData: currentSnapshot.isMissingData,
       missingClientEdges: currentSnapshot.missingClientEdges,
       missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
       seenRecords: currentSnapshot.seenRecords,
-      selector: currentSnapshot.selector,
-      fieldErrors: currentSnapshot.fieldErrors
+      selector: currentSnapshot.selector
     };
     return [updatedData !== state.snapshot.data, {
-      kind: 'singular',
-      snapshot: updatedCurrentSnapshot,
+      environment: state.environment,
       epoch: currentEpoch,
+      kind: 'singular',
       selector: state.selector,
-      environment: state.environment
+      snapshot: updatedCurrentSnapshot
     }];
   } else {
     var didMissUpdates = false;
@@ -169,12 +169,12 @@ function handleMissedUpdates(environment, state) {
       var _updatedData = recycleNodesInto(snapshot.data, _currentSnapshot.data);
       var _updatedCurrentSnapshot = {
         data: _updatedData,
+        fieldErrors: _currentSnapshot.fieldErrors,
         isMissingData: _currentSnapshot.isMissingData,
         missingClientEdges: _currentSnapshot.missingClientEdges,
         missingLiveResolverFields: _currentSnapshot.missingLiveResolverFields,
         seenRecords: _currentSnapshot.seenRecords,
-        selector: _currentSnapshot.selector,
-        fieldErrors: _currentSnapshot.fieldErrors
+        selector: _currentSnapshot.selector
       };
       if (_updatedData !== snapshot.data) {
         didMissUpdates = true;
@@ -183,11 +183,11 @@ function handleMissedUpdates(environment, state) {
     }
     !(currentSnapshots.length === state.snapshots.length) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Expected same number of snapshots') : invariant(false) : void 0;
     return [didMissUpdates, {
-      kind: 'plural',
-      snapshots: currentSnapshots,
+      environment: state.environment,
       epoch: currentEpoch,
+      kind: 'plural',
       selector: state.selector,
-      environment: state.environment
+      snapshots: currentSnapshots
     }];
   }
 }
@@ -218,8 +218,8 @@ function subscribeToSnapshot(environment, state, setState) {
             var dataChanged = updates[0],
               updatedState = updates[1];
             environment.__log({
-              name: 'useFragment.subscription.missedUpdates',
-              hasDataChanges: dataChanged
+              hasDataChanges: dataChanged,
+              name: 'useFragment.subscription.missedUpdates'
             });
             nextState = dataChanged ? updatedState : prevState;
           } else {
@@ -227,11 +227,11 @@ function subscribeToSnapshot(environment, state, setState) {
           }
         } else {
           nextState = {
-            kind: 'singular',
-            snapshot: latestSnapshot,
+            environment: state.environment,
             epoch: environment.getStore().getEpoch(),
+            kind: 'singular',
             selector: state.selector,
-            environment: state.environment
+            snapshot: latestSnapshot
           };
         }
         return nextState;
@@ -252,8 +252,8 @@ function subscribeToSnapshot(environment, state, setState) {
               var dataChanged = updates[0],
                 updatedState = updates[1];
               environment.__log({
-                name: 'useFragment.subscription.missedUpdates',
-                hasDataChanges: dataChanged
+                hasDataChanges: dataChanged,
+                name: 'useFragment.subscription.missedUpdates'
               });
               nextState = dataChanged ? updatedState : prevState;
             } else {
@@ -263,11 +263,11 @@ function subscribeToSnapshot(environment, state, setState) {
             var updated = (0, _toConsumableArray2["default"])(prevState.snapshots);
             updated[index] = latestSnapshot;
             nextState = {
-              kind: 'plural',
-              snapshots: updated,
+              environment: state.environment,
               epoch: environment.getStore().getEpoch(),
+              kind: 'plural',
               selector: state.selector,
-              environment: state.environment
+              snapshots: updated
             };
           }
           return nextState;
@@ -293,26 +293,26 @@ function subscribeToSnapshot(environment, state, setState) {
 function getFragmentState(environment, fragmentSelector) {
   if (fragmentSelector == null) {
     return {
-      kind: 'bailout',
-      environment: environment
+      environment: environment,
+      kind: 'bailout'
     };
   } else if (fragmentSelector.kind === 'PluralReaderSelector') {
     return {
+      environment: environment,
+      epoch: environment.getStore().getEpoch(),
       kind: 'plural',
+      selector: fragmentSelector,
       snapshots: fragmentSelector.selectors.map(function (s) {
         return environment.lookup(s);
-      }),
-      epoch: environment.getStore().getEpoch(),
-      selector: fragmentSelector,
-      environment: environment
+      })
     };
   } else {
     return {
-      kind: 'singular',
-      snapshot: environment.lookup(fragmentSelector),
+      environment: environment,
       epoch: environment.getStore().getEpoch(),
+      kind: 'singular',
       selector: fragmentSelector,
-      environment: environment
+      snapshot: environment.lookup(fragmentSelector)
     };
   }
 }
@@ -380,6 +380,14 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
       clientEdgeQueries = _useMemo[0],
       activeRequestPromises = _useMemo[1];
     if (activeRequestPromises.length) {
+      !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
+      var fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      environment.__log({
+        name: 'suspense.client_edge',
+        fragment: fragmentNode,
+        fragmentOwner: fragmentOwner,
+        isMount: committedFragmentSelectorRef.current === false
+      });
       var allPromises = Promise.all(activeRequestPromises);
       allPromises.displayName = "RelayClientEdge(".concat(activeRequestPromises.map(function (promise) {
         return promise.displayName;
@@ -414,30 +422,51 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   if (isMissingData(state)) {
     var suspendingLiveResolvers = getSuspendingLiveResolver(state);
     if (suspendingLiveResolvers != null && suspendingLiveResolvers.length > 0) {
+      !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
+      var _fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      environment.__log({
+        name: 'suspense.resolver',
+        fragment: fragmentNode,
+        fragmentOwner: _fragmentOwner,
+        isMount: committedFragmentSelectorRef.current === false,
+        suspendingLiveResolvers: suspendingLiveResolvers
+      });
       var promise = Promise.all(suspendingLiveResolvers.map(function (liveStateID) {
         return environment.getStore().getLiveResolverPromise(liveStateID);
       }));
       promise.displayName = 'RelayLiveResolver(' + fragmentNode.name + ')';
       throw promise;
     }
-    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || !committedFragmentSelectorRef.current || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {
+    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || committedFragmentSelectorRef.current === false || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {
       !(fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'refinement, see invariants above') : invariant(false) : void 0;
-      var fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
-      var pendingOperationsResult = getPendingOperationsForFragment(environment, fragmentNode, fragmentOwner);
+      var _fragmentOwner2 = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
+      var pendingOperationsResult = getPendingOperationsForFragment(environment, fragmentNode, _fragmentOwner2);
       if (pendingOperationsResult) {
+        environment.__log({
+          name: 'suspense.missing_data',
+          fragment: fragmentNode,
+          fragmentOwner: _fragmentOwner2,
+          isMount: committedFragmentSelectorRef.current === false,
+          pendingOperations: pendingOperationsResult.pendingOperations
+        });
         throw pendingOperationsResult.promise;
       }
     }
   }
   handlePotentialSnapshotErrorsForState(environment, state, loggerContext);
-  var storeSubscriptionRef = useRef(null);
+  var storeSubscriptionRef = useRef({
+    kind: 'uninitialized'
+  });
   useEffect(function () {
     var storeSubscription = storeSubscriptionRef.current;
-    if (storeSubscription != null) {
+    if (storeSubscription.kind === 'initialized') {
       if (state.environment === storeSubscription.environment && state.selector === storeSubscription.selector) {
         return;
       } else {
         storeSubscription.dispose();
+        storeSubscriptionRef.current = {
+          kind: 'uninitialized'
+        };
       }
     }
     if (state.kind === 'bailout') {
@@ -450,6 +479,9 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
         updatedState = updates[1];
       if (didMissUpdates) {
         setState(updatedState);
+        storeSubscriptionRef.current = {
+          kind: 'missed-updates'
+        };
         return;
       }
       stateForSubscription = updatedState;
@@ -457,23 +489,28 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
     var dispose = subscribeToSnapshot(state.environment, stateForSubscription, setState);
     storeSubscriptionRef.current = {
       dispose: dispose,
-      selector: state.selector,
-      environment: state.environment
+      environment: state.environment,
+      kind: 'initialized',
+      selector: state.selector
     };
   }, [state]);
   useEffect(function () {
-    if (storeSubscriptionRef.current == null && state.kind !== 'bailout') {
+    if (storeSubscriptionRef.current.kind === 'uninitialized' && state.kind !== 'bailout') {
       var dispose = subscribeToSnapshot(state.environment, state, setState);
       storeSubscriptionRef.current = {
         dispose: dispose,
-        selector: state.selector,
-        environment: state.environment
+        environment: state.environment,
+        kind: 'initialized',
+        selector: state.selector
       };
     }
     return function () {
-      var _storeSubscriptionRef;
-      (_storeSubscriptionRef = storeSubscriptionRef.current) === null || _storeSubscriptionRef === void 0 ? void 0 : _storeSubscriptionRef.dispose();
-      storeSubscriptionRef.current = null;
+      if (storeSubscriptionRef.current.kind === 'initialized') {
+        storeSubscriptionRef.current.dispose();
+      }
+      storeSubscriptionRef.current = {
+        kind: 'uninitialized'
+      };
     };
   }, []);
   var data;
@@ -504,8 +541,8 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   }
   if (process.env.NODE_ENV !== "production") {
     useDebugValue({
-      fragment: fragmentNode.name,
-      data: data
+      data: data,
+      fragment: fragmentNode.name
     });
   }
   return data;

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -12,13 +12,8 @@ var useContext = React.useContext,
   useEffect = React.useEffect,
   useState = React.useState,
   useRef = React.useRef;
-function useLazyLoadQueryNode(_ref) {
-  var query = _ref.query,
-    componentDisplayName = _ref.componentDisplayName,
-    fetchObservable = _ref.fetchObservable,
-    fetchPolicy = _ref.fetchPolicy,
-    fetchKey = _ref.fetchKey,
-    renderPolicy = _ref.renderPolicy;
+function useLazyLoadQueryNode(params) {
+  var _preparedQueryResult;
   var environment = useRelayEnvironment();
   var profilerContext = useContext(ProfilerContext);
   var QueryResource = getQueryResourceForEnvironment(environment);
@@ -28,15 +23,29 @@ function useLazyLoadQueryNode(_ref) {
   var _useFetchTrackingRef = useFetchTrackingRef(),
     startFetch = _useFetchTrackingRef.startFetch,
     completeFetch = _useFetchTrackingRef.completeFetch;
-  var cacheBreaker = "".concat(forceUpdateKey, "-").concat(fetchKey !== null && fetchKey !== void 0 ? fetchKey : '');
-  var cacheIdentifier = getQueryCacheIdentifier(environment, query, fetchPolicy, renderPolicy, cacheBreaker);
-  var preparedQueryResult = profilerContext.wrapPrepareQueryResource(function () {
-    return QueryResource.prepareWithIdentifier(cacheIdentifier, query, fetchObservable, fetchPolicy, renderPolicy, {
-      start: startFetch,
-      complete: completeFetch,
-      error: completeFetch
-    }, profilerContext);
-  });
+  var cacheIdentifier = null;
+  var preparedQueryResult = null;
+  var fragmentNode;
+  if (params.query != null) {
+    var query = params.query,
+      fetchObservable = params.fetchObservable,
+      fetchPolicy = params.fetchPolicy,
+      fetchKey = params.fetchKey,
+      renderPolicy = params.renderPolicy;
+    var cacheBreaker = "".concat(forceUpdateKey, "-").concat(fetchKey !== null && fetchKey !== void 0 ? fetchKey : '');
+    var queryCacheIdentifier = getQueryCacheIdentifier(environment, query, fetchPolicy, renderPolicy, cacheBreaker);
+    cacheIdentifier = queryCacheIdentifier;
+    preparedQueryResult = profilerContext.wrapPrepareQueryResource(function () {
+      return QueryResource.prepareWithIdentifier(queryCacheIdentifier, query, fetchObservable, fetchPolicy, renderPolicy, {
+        start: startFetch,
+        complete: completeFetch,
+        error: completeFetch
+      }, profilerContext);
+    });
+    fragmentNode = preparedQueryResult.fragmentNode;
+  } else {
+    fragmentNode = params.fragmentNode;
+  }
   var maybeHiddenOrFastRefresh = useRef(false);
   useEffect(function () {
     return function () {
@@ -51,17 +60,21 @@ function useLazyLoadQueryNode(_ref) {
       });
       return;
     }
+    if (preparedQueryResult == null) {
+      return;
+    }
     var disposable = QueryResource.retain(preparedQueryResult, profilerContext);
     return function () {
       disposable.dispose();
     };
   }, [environment, cacheIdentifier]);
   useEffect(function () {
+    if (preparedQueryResult == null) {
+      return;
+    }
     QueryResource.releaseTemporaryRetain(preparedQueryResult);
   });
-  var fragmentNode = preparedQueryResult.fragmentNode,
-    fragmentRef = preparedQueryResult.fragmentRef;
-  var data = useFragmentInternal(fragmentNode, fragmentRef, componentDisplayName);
+  var data = useFragmentInternal(fragmentNode, (_preparedQueryResult = preparedQueryResult) === null || _preparedQueryResult === void 0 ? void 0 : _preparedQueryResult.fragmentRef, params.componentDisplayName);
   return data;
 }
 module.exports = useLazyLoadQueryNode;

package/lib/relay-hooks/useMutation.js

@@ -2,7 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var useIsMountedRef = require('./useIsMountedRef');
 var useRelayEnvironment = require('./useRelayEnvironment');
 var React = require('react');
 var _require = require('relay-runtime'),
@@ -14,7 +13,6 @@ var useState = React.useState,
 function useMutation(mutation) {
   var commitMutationFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultCommitMutation;
   var environment = useRelayEnvironment();
-  var isMountedRef = useIsMountedRef();
   var environmentRef = useRef(environment);
   var mutationRef = useRef(mutation);
   var inFlightMutationsRef = useRef(new Set());
@@ -24,25 +22,19 @@ function useMutation(mutation) {
   var cleanup = useCallback(function (disposable) {
     if (environmentRef.current === environment && mutationRef.current === mutation) {
       inFlightMutationsRef.current["delete"](disposable);
-      if (isMountedRef.current) {
-        setMutationInFlight(inFlightMutationsRef.current.size > 0);
-      }
+      setMutationInFlight(inFlightMutationsRef.current.size > 0);
     }
-  }, [environment, isMountedRef, mutation]);
+  }, [environment, mutation]);
   useEffect(function () {
     if (environmentRef.current !== environment || mutationRef.current !== mutation) {
       inFlightMutationsRef.current = new Set();
-      if (isMountedRef.current) {
-        setMutationInFlight(false);
-      }
+      setMutationInFlight(false);
       environmentRef.current = environment;
       mutationRef.current = mutation;
     }
-  }, [environment, isMountedRef, mutation]);
+  }, [environment, mutation]);
   var commit = useCallback(function (config) {
-    if (isMountedRef.current) {
-      setMutationInFlight(true);
-    }
+    setMutationInFlight(true);
     var disposable = commitMutationFn(environment, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, config), {}, {
       mutation: mutation,
       onCompleted: function onCompleted(response, errors) {
@@ -67,7 +59,7 @@ function useMutation(mutation) {
     }));
     inFlightMutationsRef.current.add(disposable);
     return disposable;
-  }, [cleanup, commitMutationFn, environment, isMountedRef, mutation]);
+  }, [cleanup, commitMutationFn, environment, mutation]);
   return [commit, isMutationInFlight];
 }
 module.exports = useMutation;

package/lib/relay-hooks/useMutationAction_EXPERIMENTAL.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var useRelayEnvironment = require('./useRelayEnvironment');
+var React = require('react');
+var _require = require('relay-runtime'),
+  commitMutation = _require.commitMutation;
+var useCallback = React.useCallback;
+function useMutationAction_EXPERIMENTAL(mutation) {
+  var environment = useRelayEnvironment();
+  var commitAction = useCallback(function (variables) {
+    return new Promise(function (resolve, reject) {
+      commitMutation(environment, {
+        mutation: mutation,
+        variables: variables,
+        onCompleted: function onCompleted(response) {
+          resolve(response);
+        },
+        onError: function onError(error) {
+          reject(error);
+        }
+      });
+    });
+  }, [environment, mutation]);
+  return commitAction;
+}
+module.exports = useMutationAction_EXPERIMENTAL;