react-relay 16.2.0 → 18.0.0

package/lib/relay-hooks/useFragmentInternal.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _useFragmentInternal_CURRENT = _interopRequireDefault(require("./useFragmentInternal_CURRENT"));
+var _useFragmentInternal_EXPERIMENTAL = _interopRequireDefault(require("./useFragmentInternal_EXPERIMENTAL"));
+var _relayRuntime = require("relay-runtime");
+function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOptions) {
+  if (_relayRuntime.RelayFeatureFlags.ENABLE_USE_FRAGMENT_EXPERIMENTAL) {
+    return (0, _useFragmentInternal_EXPERIMENTAL["default"])(fragmentNode, fragmentRef, hookDisplayName, queryOptions);
+  }
+  return (0, _useFragmentInternal_CURRENT["default"])(fragmentNode, fragmentRef, hookDisplayName, queryOptions);
+}
+module.exports = useFragmentInternal;

package/lib/relay-hooks/{experimental/useFragmentInternal_EXPERIMENTAL.js → useFragmentInternal_CURRENT.js}

@@ -4,9 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _require = require('../QueryResource'),
+var _require = require('./QueryResource'),
   getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
-var useRelayEnvironment = require('../useRelayEnvironment');
+var useRelayEnvironment = require('./useRelayEnvironment');
 var invariant = require('invariant');
 var _require2 = require('react'),
   useDebugValue = _require2.useDebugValue,
@@ -116,14 +116,16 @@ function getSuspendingLiveResolver(state) {
 }
 function handlePotentialSnapshotErrorsForState(environment, state) {
   if (state.kind === 'singular') {
-    handlePotentialSnapshotErrors(environment, state.snapshot.missingRequiredFields, state.snapshot.relayResolverErrors, state.snapshot.errorResponseFields);
+    var _state$snapshot$selec, _state$snapshot$selec2;
+    handlePotentialSnapshotErrors(environment, state.snapshot.missingRequiredFields, state.snapshot.relayResolverErrors, state.snapshot.errorResponseFields, (_state$snapshot$selec = (_state$snapshot$selec2 = state.snapshot.selector.node.metadata) === null || _state$snapshot$selec2 === void 0 ? void 0 : _state$snapshot$selec2.throwOnFieldError) !== null && _state$snapshot$selec !== void 0 ? _state$snapshot$selec : false);
   } else if (state.kind === 'plural') {
     var _iterator5 = (0, _createForOfIteratorHelper2["default"])(state.snapshots),
       _step5;
     try {
       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var _snapshot$selector$no, _snapshot$selector$no2;
         var snapshot = _step5.value;
-        handlePotentialSnapshotErrors(environment, snapshot.missingRequiredFields, snapshot.relayResolverErrors, snapshot.errorResponseFields);
+        handlePotentialSnapshotErrors(environment, snapshot.missingRequiredFields, snapshot.relayResolverErrors, snapshot.errorResponseFields, (_snapshot$selector$no = (_snapshot$selector$no2 = snapshot.selector.node.metadata) === null || _snapshot$selector$no2 === void 0 ? void 0 : _snapshot$selector$no2.throwOnFieldError) !== null && _snapshot$selector$no !== void 0 ? _snapshot$selector$no : false);
       }
     } catch (err) {
       _iterator5.e(err);
@@ -300,7 +302,7 @@ function getFragmentState(environment, fragmentSelector) {
     };
   }
 }
-function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplayName, queryOptions) {
+function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOptions) {
   var _fragmentNode$metadat, _fragmentNode$metadat2;
   var fragmentSelector = useMemo(function () {
     return getSelector(fragmentNode, fragmentRef);
@@ -392,17 +394,9 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
           _iterator8.f();
         }
         return function () {
-          var _iterator9 = (0, _createForOfIteratorHelper2["default"])(disposables),
-            _step9;
-          try {
-            for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-              var disposable = _step9.value;
-              disposable.dispose();
-            }
-          } catch (err) {
-            _iterator9.e(err);
-          } finally {
-            _iterator9.f();
+          for (var _i = 0, _disposables = disposables; _i < _disposables.length; _i++) {
+            var disposable = _disposables[_i];
+            disposable.dispose();
           }
         };
       }
@@ -416,7 +410,7 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
         return environment.getStore().getLiveResolverPromise(liveStateID);
       }));
     }
-    if (environment !== previousEnvironment || !committedFragmentSelectorRef.current || !areEqualSelectors(committedFragmentSelectorRef.current, fragmentSelector)) {
+    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || !committedFragmentSelectorRef.current || !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);
@@ -486,4 +480,4 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   }
   return data;
 }
-module.exports = useFragmentInternal_EXPERIMENTAL;
+module.exports = useFragmentInternal;

package/lib/relay-hooks/useFragmentInternal_EXPERIMENTAL.js

@@ -0,0 +1,520 @@
+'use strict';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _require = require('./QueryResource'),
+  getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
+var useRelayEnvironment = require('./useRelayEnvironment');
+var invariant = require('invariant');
+var _require2 = require('react'),
+  useDebugValue = _require2.useDebugValue,
+  useEffect = _require2.useEffect,
+  useMemo = _require2.useMemo,
+  useRef = _require2.useRef,
+  useState = _require2.useState;
+var _require3 = require('relay-runtime'),
+  _require3$__internal = _require3.__internal,
+  fetchQueryInternal = _require3$__internal.fetchQuery,
+  getPromiseForActiveRequest = _require3$__internal.getPromiseForActiveRequest,
+  RelayFeatureFlags = _require3.RelayFeatureFlags,
+  areEqualSelectors = _require3.areEqualSelectors,
+  createOperationDescriptor = _require3.createOperationDescriptor,
+  getPendingOperationsForFragment = _require3.getPendingOperationsForFragment,
+  getSelector = _require3.getSelector,
+  getVariablesFromFragment = _require3.getVariablesFromFragment,
+  handlePotentialSnapshotErrors = _require3.handlePotentialSnapshotErrors,
+  recycleNodesInto = _require3.recycleNodesInto;
+var warning = require("fbjs/lib/warning");
+function isMissingData(state) {
+  if (state.kind === 'bailout') {
+    return false;
+  } else if (state.kind === 'singular') {
+    return state.snapshot.isMissingData;
+  } else {
+    return state.snapshots.some(function (s) {
+      return s.isMissingData;
+    });
+  }
+}
+function getMissingClientEdges(state) {
+  if (state.kind === 'bailout') {
+    return null;
+  } else if (state.kind === 'singular') {
+    var _state$snapshot$missi;
+    return (_state$snapshot$missi = state.snapshot.missingClientEdges) !== null && _state$snapshot$missi !== void 0 ? _state$snapshot$missi : null;
+  } else {
+    var edges = null;
+    var _iterator = (0, _createForOfIteratorHelper2["default"])(state.snapshots),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var snapshot = _step.value;
+        if (snapshot.missingClientEdges) {
+          var _edges;
+          edges = (_edges = edges) !== null && _edges !== void 0 ? _edges : [];
+          var _iterator2 = (0, _createForOfIteratorHelper2["default"])(snapshot.missingClientEdges),
+            _step2;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var edge = _step2.value;
+              edges.push(edge);
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return edges;
+  }
+}
+function getSuspendingLiveResolver(state) {
+  if (state.kind === 'bailout') {
+    return null;
+  } else if (state.kind === 'singular') {
+    var _state$snapshot$missi2;
+    return (_state$snapshot$missi2 = state.snapshot.missingLiveResolverFields) !== null && _state$snapshot$missi2 !== void 0 ? _state$snapshot$missi2 : null;
+  } else {
+    var missingFields = null;
+    var _iterator3 = (0, _createForOfIteratorHelper2["default"])(state.snapshots),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var snapshot = _step3.value;
+        if (snapshot.missingLiveResolverFields) {
+          var _missingFields;
+          missingFields = (_missingFields = missingFields) !== null && _missingFields !== void 0 ? _missingFields : [];
+          var _iterator4 = (0, _createForOfIteratorHelper2["default"])(snapshot.missingLiveResolverFields),
+            _step4;
+          try {
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+              var edge = _step4.value;
+              missingFields.push(edge);
+            }
+          } catch (err) {
+            _iterator4.e(err);
+          } finally {
+            _iterator4.f();
+          }
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+    return missingFields;
+  }
+}
+function handlePotentialSnapshotErrorsForState(environment, state) {
+  if (state.kind === 'singular') {
+    var _state$snapshot$selec, _state$snapshot$selec2;
+    handlePotentialSnapshotErrors(environment, state.snapshot.missingRequiredFields, state.snapshot.relayResolverErrors, state.snapshot.errorResponseFields, (_state$snapshot$selec = (_state$snapshot$selec2 = state.snapshot.selector.node.metadata) === null || _state$snapshot$selec2 === void 0 ? void 0 : _state$snapshot$selec2.throwOnFieldError) !== null && _state$snapshot$selec !== void 0 ? _state$snapshot$selec : false);
+  } else if (state.kind === 'plural') {
+    var _iterator5 = (0, _createForOfIteratorHelper2["default"])(state.snapshots),
+      _step5;
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var _snapshot$selector$no, _snapshot$selector$no2;
+        var snapshot = _step5.value;
+        handlePotentialSnapshotErrors(environment, snapshot.missingRequiredFields, snapshot.relayResolverErrors, snapshot.errorResponseFields, (_snapshot$selector$no = (_snapshot$selector$no2 = snapshot.selector.node.metadata) === null || _snapshot$selector$no2 === void 0 ? void 0 : _snapshot$selector$no2.throwOnFieldError) !== null && _snapshot$selector$no !== void 0 ? _snapshot$selector$no : false);
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+  }
+}
+function handleMissedUpdates(environment, state) {
+  if (state.kind === 'bailout') {
+    return null;
+  }
+  var currentEpoch = environment.getStore().getEpoch();
+  if (currentEpoch === state.epoch) {
+    return null;
+  }
+  if (state.kind === 'singular') {
+    var currentSnapshot = environment.lookup(state.snapshot.selector);
+    var updatedData = recycleNodesInto(state.snapshot.data, currentSnapshot.data);
+    var updatedCurrentSnapshot = {
+      data: updatedData,
+      isMissingData: currentSnapshot.isMissingData,
+      missingClientEdges: currentSnapshot.missingClientEdges,
+      missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
+      seenRecords: currentSnapshot.seenRecords,
+      selector: currentSnapshot.selector,
+      missingRequiredFields: currentSnapshot.missingRequiredFields,
+      relayResolverErrors: currentSnapshot.relayResolverErrors,
+      errorResponseFields: currentSnapshot.errorResponseFields
+    };
+    return [updatedData !== state.snapshot.data, {
+      kind: 'singular',
+      snapshot: updatedCurrentSnapshot,
+      epoch: currentEpoch,
+      selector: state.selector,
+      environment: state.environment
+    }];
+  } else {
+    var didMissUpdates = false;
+    var currentSnapshots = [];
+    for (var index = 0; index < state.snapshots.length; index++) {
+      var snapshot = state.snapshots[index];
+      var _currentSnapshot = environment.lookup(snapshot.selector);
+      var _updatedData = recycleNodesInto(snapshot.data, _currentSnapshot.data);
+      var _updatedCurrentSnapshot = {
+        data: _updatedData,
+        isMissingData: _currentSnapshot.isMissingData,
+        missingClientEdges: _currentSnapshot.missingClientEdges,
+        missingLiveResolverFields: _currentSnapshot.missingLiveResolverFields,
+        seenRecords: _currentSnapshot.seenRecords,
+        selector: _currentSnapshot.selector,
+        missingRequiredFields: _currentSnapshot.missingRequiredFields,
+        relayResolverErrors: _currentSnapshot.relayResolverErrors,
+        errorResponseFields: _currentSnapshot.errorResponseFields
+      };
+      if (_updatedData !== snapshot.data) {
+        didMissUpdates = true;
+      }
+      currentSnapshots.push(_updatedCurrentSnapshot);
+    }
+    !(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,
+      epoch: currentEpoch,
+      selector: state.selector,
+      environment: state.environment
+    }];
+  }
+}
+function handleMissingClientEdge(environment, parentFragmentNode, parentFragmentRef, missingClientEdgeRequestInfo, queryOptions) {
+  var originalVariables = getVariablesFromFragment(parentFragmentNode, parentFragmentRef);
+  var variables = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, originalVariables), {}, {
+    id: missingClientEdgeRequestInfo.clientEdgeDestinationID
+  });
+  var queryOperationDescriptor = createOperationDescriptor(missingClientEdgeRequestInfo.request, variables, queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.networkCacheConfig);
+  var QueryResource = getQueryResourceForEnvironment(environment);
+  var queryResult = QueryResource.prepare(queryOperationDescriptor, fetchQueryInternal(environment, queryOperationDescriptor), queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.fetchPolicy);
+  return [queryResult, getPromiseForActiveRequest(environment, queryOperationDescriptor.request)];
+}
+function subscribeToSnapshot(environment, state, setState, pendingStateRef) {
+  if (state.kind === 'bailout') {
+    return function () {};
+  } else if (state.kind === 'singular') {
+    var disposable = environment.subscribe(state.snapshot, function (latestSnapshot) {
+      setState(function (prevState) {
+        var nextState = null;
+        if (prevState.kind !== 'singular' || prevState.snapshot.selector !== latestSnapshot.selector || prevState.environment !== environment) {
+          var updates = handleMissedUpdates(prevState.environment, prevState);
+          if (updates != null) {
+            var dataChanged = updates[0],
+              updatedState = updates[1];
+            environment.__log({
+              name: 'useFragment.subscription.missedUpdates',
+              hasDataChanges: dataChanged
+            });
+            nextState = dataChanged ? updatedState : prevState;
+          } else {
+            nextState = prevState;
+          }
+        } else {
+          nextState = {
+            kind: 'singular',
+            snapshot: latestSnapshot,
+            epoch: environment.getStore().getEpoch(),
+            selector: state.selector,
+            environment: state.environment
+          };
+        }
+        pendingStateRef.current = nextState.kind === 'singular' ? nextState.epoch : null;
+        return nextState;
+      });
+    });
+    return function () {
+      disposable.dispose();
+    };
+  } else {
+    var disposables = state.snapshots.map(function (snapshot, index) {
+      return environment.subscribe(snapshot, function (latestSnapshot) {
+        setState(function (prevState) {
+          var _prevState$snapshots$;
+          var nextState = null;
+          if (prevState.kind !== 'plural' || ((_prevState$snapshots$ = prevState.snapshots[index]) === null || _prevState$snapshots$ === void 0 ? void 0 : _prevState$snapshots$.selector) !== latestSnapshot.selector || prevState.environment !== environment) {
+            var updates = handleMissedUpdates(prevState.environment, prevState);
+            if (updates != null) {
+              var dataChanged = updates[0],
+                updatedState = updates[1];
+              environment.__log({
+                name: 'useFragment.subscription.missedUpdates',
+                hasDataChanges: dataChanged
+              });
+              nextState = dataChanged ? updatedState : prevState;
+            } else {
+              nextState = prevState;
+            }
+          } else {
+            var updated = (0, _toConsumableArray2["default"])(prevState.snapshots);
+            updated[index] = latestSnapshot;
+            nextState = {
+              kind: 'plural',
+              snapshots: updated,
+              epoch: environment.getStore().getEpoch(),
+              selector: state.selector,
+              environment: state.environment
+            };
+          }
+          pendingStateRef.current = nextState.kind === 'plural' ? nextState.epoch : null;
+          return nextState;
+        });
+      });
+    });
+    return function () {
+      var _iterator6 = (0, _createForOfIteratorHelper2["default"])(disposables),
+        _step6;
+      try {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          var d = _step6.value;
+          d.dispose();
+        }
+      } catch (err) {
+        _iterator6.e(err);
+      } finally {
+        _iterator6.f();
+      }
+    };
+  }
+}
+function getFragmentState(environment, fragmentSelector) {
+  if (fragmentSelector == null) {
+    return {
+      kind: 'bailout',
+      environment: environment
+    };
+  } else if (fragmentSelector.kind === 'PluralReaderSelector') {
+    return {
+      kind: 'plural',
+      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),
+      epoch: environment.getStore().getEpoch(),
+      selector: fragmentSelector,
+      environment: environment
+    };
+  }
+}
+function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplayName, queryOptions) {
+  var _fragmentNode$metadat, _fragmentNode$metadat2;
+  var fragmentSelector = useMemo(function () {
+    return getSelector(fragmentNode, fragmentRef);
+  }, [fragmentNode, fragmentRef]);
+  var isPlural = (fragmentNode === null || fragmentNode === void 0 ? void 0 : (_fragmentNode$metadat = fragmentNode.metadata) === null || _fragmentNode$metadat === void 0 ? void 0 : _fragmentNode$metadat.plural) === true;
+  if (isPlural) {
+    !(fragmentRef == null || Array.isArray(fragmentRef)) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected fragment pointer%s for fragment `%s` to be ' + 'an array, instead got `%s`. Remove `@relay(plural: true)` ' + 'from fragment `%s` to allow the prop to be an object.', fragmentNode.name, typeof fragmentRef, fragmentNode.name) : invariant(false) : void 0;
+  } else {
+    !!Array.isArray(fragmentRef) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected fragment pointer%s for fragment `%s` not to be ' + 'an array, instead got `%s`. Add `@relay(plural: true)` ' + 'to fragment `%s` to allow the prop to be an array.', fragmentNode.name, typeof fragmentRef, fragmentNode.name) : invariant(false) : void 0;
+  }
+  !(fragmentRef == null || isPlural && Array.isArray(fragmentRef) && fragmentRef.length === 0 || fragmentSelector != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected to receive an object where `...%s` was spread, ' + 'but the fragment reference was not found`. This is most ' + 'likely the result of:\n' + "- Forgetting to spread `%s` in `%s`'s parent's fragment.\n" + '- Conditionally fetching `%s` but unconditionally passing %s prop ' + 'to `%s`. If the parent fragment only fetches the fragment conditionally ' + '- with e.g. `@include`, `@skip`, or inside a `... on SomeType { }` ' + 'spread  - then the fragment reference will not exist. ' + 'In this case, pass `null` if the conditions for evaluating the ' + 'fragment are not met (e.g. if the `@include(if)` value is false.)', fragmentNode.name, fragmentNode.name, hookDisplayName, fragmentNode.name, hookDisplayName) : invariant(false) : void 0;
+  var environment = useRelayEnvironment();
+  var _useState = useState(function () {
+      return getFragmentState(environment, fragmentSelector);
+    }),
+    _state = _useState[0],
+    setState = _useState[1];
+  var state = _state;
+  var previousEnvironment = state.environment;
+  if (!areEqualSelectors(fragmentSelector, state.selector) || environment !== state.environment) {
+    var newState = getFragmentState(environment, fragmentSelector);
+    setState(newState);
+    state = newState;
+  }
+  var committedFragmentSelectorRef = useRef(false);
+  useEffect(function () {
+    committedFragmentSelectorRef.current = fragmentSelector;
+  }, [fragmentSelector]);
+  if (((_fragmentNode$metadat2 = fragmentNode.metadata) === null || _fragmentNode$metadat2 === void 0 ? void 0 : _fragmentNode$metadat2.hasClientEdges) === true) {
+    var _useMemo = useMemo(function () {
+        var missingClientEdges = getMissingClientEdges(state);
+        var clientEdgeQueries;
+        var activeRequestPromises = [];
+        if (missingClientEdges !== null && missingClientEdges !== void 0 && missingClientEdges.length) {
+          clientEdgeQueries = [];
+          var _iterator7 = (0, _createForOfIteratorHelper2["default"])(missingClientEdges),
+            _step7;
+          try {
+            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+              var edge = _step7.value;
+              var _handleMissingClientE = handleMissingClientEdge(environment, fragmentNode, fragmentRef, edge, queryOptions),
+                queryResult = _handleMissingClientE[0],
+                requestPromise = _handleMissingClientE[1];
+              clientEdgeQueries.push(queryResult);
+              if (requestPromise != null) {
+                activeRequestPromises.push(requestPromise);
+              }
+            }
+          } catch (err) {
+            _iterator7.e(err);
+          } finally {
+            _iterator7.f();
+          }
+        }
+        return [clientEdgeQueries, activeRequestPromises];
+      }, [state, environment, fragmentNode, fragmentRef, queryOptions]),
+      clientEdgeQueries = _useMemo[0],
+      activeRequestPromises = _useMemo[1];
+    if (activeRequestPromises.length) {
+      throw Promise.all(activeRequestPromises);
+    }
+    useEffect(function () {
+      var QueryResource = getQueryResourceForEnvironment(environment);
+      if (clientEdgeQueries !== null && clientEdgeQueries !== void 0 && clientEdgeQueries.length) {
+        var disposables = [];
+        var _iterator8 = (0, _createForOfIteratorHelper2["default"])(clientEdgeQueries),
+          _step8;
+        try {
+          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+            var query = _step8.value;
+            disposables.push(QueryResource.retain(query));
+          }
+        } catch (err) {
+          _iterator8.e(err);
+        } finally {
+          _iterator8.f();
+        }
+        return function () {
+          for (var _i = 0, _disposables = disposables; _i < _disposables.length; _i++) {
+            var disposable = _disposables[_i];
+            disposable.dispose();
+          }
+        };
+      }
+    }, [environment, clientEdgeQueries]);
+  }
+  if (isMissingData(state)) {
+    var suspendingLiveResolvers = getSuspendingLiveResolver(state);
+    if (suspendingLiveResolvers != null && suspendingLiveResolvers.length > 0) {
+      throw Promise.all(suspendingLiveResolvers.map(function (_ref) {
+        var liveStateID = _ref.liveStateID;
+        return environment.getStore().getLiveResolverPromise(liveStateID);
+      }));
+    }
+    if (RelayFeatureFlags.ENABLE_RELAY_OPERATION_TRACKER_SUSPENSE || environment !== previousEnvironment || !committedFragmentSelectorRef.current || !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);
+      if (pendingOperationsResult) {
+        throw pendingOperationsResult.promise;
+      }
+    }
+  }
+  handlePotentialSnapshotErrorsForState(environment, state);
+  var pendingStateEpochRef = useRef(null);
+  var storeSubscriptionRef = useRef(null);
+  useEffect(function () {
+    var storeSubscription = storeSubscriptionRef.current;
+    if (storeSubscription != null) {
+      if (state.environment === storeSubscription.environment && state.selector === storeSubscription.selector) {
+        return;
+      } else {
+        storeSubscription.dispose();
+      }
+    }
+    if (state.kind === 'bailout') {
+      return;
+    }
+    var stateForSubscription = state;
+    var updates = handleMissedUpdates(state.environment, state);
+    if (updates !== null) {
+      var didMissUpdates = updates[0],
+        updatedState = updates[1];
+      if (didMissUpdates) {
+        setState(updatedState);
+        return;
+      }
+      stateForSubscription = updatedState;
+    }
+    var dispose = subscribeToSnapshot(state.environment, stateForSubscription, setState, pendingStateEpochRef);
+    storeSubscriptionRef.current = {
+      dispose: dispose,
+      selector: state.selector,
+      environment: state.environment
+    };
+  }, [state]);
+  useEffect(function () {
+    if (storeSubscriptionRef.current == null && state.kind !== 'bailout') {
+      var dispose = subscribeToSnapshot(state.environment, state, setState, pendingStateEpochRef);
+      storeSubscriptionRef.current = {
+        dispose: dispose,
+        selector: state.selector,
+        environment: state.environment
+      };
+    }
+    return function () {
+      var _storeSubscriptionRef;
+      (_storeSubscriptionRef = storeSubscriptionRef.current) === null || _storeSubscriptionRef === void 0 ? void 0 : _storeSubscriptionRef.dispose();
+      storeSubscriptionRef.current = null;
+    };
+  }, []);
+  if (pendingStateEpochRef.current !== null && pendingStateEpochRef.current !== state.epoch) {
+    var updates = handleMissedUpdates(environment, state);
+    if (updates != null) {
+      var hasStateUpdates = updates[0],
+        updatedState = updates[1];
+      if (hasStateUpdates) {
+        setState(updatedState);
+        state = updatedState;
+      }
+    }
+  }
+  pendingStateEpochRef.current = null;
+  var data;
+  if (isPlural) {
+    var fragmentRefIsNullish = fragmentRef == null;
+    data = useMemo(function () {
+      if (state.kind === 'bailout') {
+        return fragmentRefIsNullish ? null : [];
+      } else {
+        !(state.kind === 'plural') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Expected state to be plural because fragment is plural') : invariant(false) : void 0;
+        return state.snapshots.map(function (s) {
+          return s.data;
+        });
+      }
+    }, [state, fragmentRefIsNullish]);
+  } else if (state.kind === 'bailout') {
+    data = null;
+  } else {
+    !(state.kind === 'singular') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Expected state to be singular because fragment is singular') : invariant(false) : void 0;
+    data = state.snapshot.data;
+  }
+  if (RelayFeatureFlags.LOG_MISSING_RECORDS_IN_PROD || process.env.NODE_ENV !== "production") {
+    if (fragmentRef != null && (data === undefined || Array.isArray(data) && data.length > 0 && data.every(function (d) {
+      return d === undefined;
+    }))) {
+      process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Expected to have been able to read non-null data for ' + 'fragment `%s` declared in ' + '`%s`, since fragment reference was non-null. ' + "Make sure that that `%s`'s parent isn't " + 'holding on to and/or passing a fragment reference for data that ' + 'has been deleted.', fragmentNode.name, hookDisplayName, hookDisplayName) : void 0;
+    }
+  }
+  if (process.env.NODE_ENV !== "production") {
+    useDebugValue({
+      fragment: fragmentNode.name,
+      data: data
+    });
+  }
+  return data;
+}
+module.exports = useFragmentInternal_EXPERIMENTAL;

package/lib/relay-hooks/useLazyLoadQuery.js

@@ -1,14 +1,11 @@
 'use strict';
 
-var _require = require('./loadQuery'),
-  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 var useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 var useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 var useRelayEnvironment = require('./useRelayEnvironment');
-var _require2 = require('relay-runtime'),
-  fetchQuery = _require2.__internal.fetchQuery;
+var _require = require('relay-runtime'),
+  fetchQuery = _require.__internal.fetchQuery;
 function useLazyLoadQuery(gqlQuery, variables, options) {
-  useTrackLoadQueryInRender();
   var environment = useRelayEnvironment();
   var query = useMemoOperationDescriptor(gqlQuery, variables, options && options.networkCacheConfig ? options.networkCacheConfig : {
     force: true

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var HooksImplementation = require('./HooksImplementation');
-var useFragmentNode = require('./legacy/useFragmentNode');
 var ProfilerContext = require('./ProfilerContext');
 var _require = require('./QueryResource'),
   getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
   getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
 var useFetchTrackingRef = require('./useFetchTrackingRef');
+var useFragmentInternal = require('./useFragmentInternal');
 var useRelayEnvironment = require('./useRelayEnvironment');
 var React = require('react');
 var useContext = React.useContext,
@@ -62,17 +61,7 @@ function useLazyLoadQueryNode(_ref) {
   });
   var fragmentNode = preparedQueryResult.fragmentNode,
     fragmentRef = preparedQueryResult.fragmentRef;
-  var data = useFragmentNodeImpl(fragmentNode, fragmentRef, componentDisplayName);
+  var data = useFragmentInternal(fragmentNode, fragmentRef, componentDisplayName);
   return data;
 }
-function useFragmentNodeImpl(fragment, key, componentDisplayName) {
-  var impl = HooksImplementation.get();
-  if (impl && impl.useFragment__internal) {
-    return impl.useFragment__internal(fragment, key, componentDisplayName);
-  } else {
-    var _useFragmentNode = useFragmentNode(fragment, key, componentDisplayName),
-      data = _useFragmentNode.data;
-    return data;
-  }
-}
 module.exports = useLazyLoadQueryNode;