react-relay 18.0.0 → 18.2.0

package/ReactRelayContext.js

@@ -1,5 +1,5 @@
 /**
- * Relay v18.0.0
+ * Relay v18.2.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/ReactRelayFragmentContainer.js.flow

@@ -270,14 +270,11 @@ function getRelayProp(environment: IEnvironment) {
 function createContainer<
   Props: {...},
   Instance,
-  TComponent: React.AbstractComponent<Props, Instance>,
+  TComponent: component(ref: React.RefSetter<Instance>, ...Props),
 >(
   Component: TComponent,
   fragmentSpec: GeneratedNodeMap,
-): React.AbstractComponent<
-  $RelayProps<React.ElementConfig<TComponent>, RelayProp>,
-  Instance,
-> {
+): component(ref: React.RefSetter<Instance>, ...$RelayProps<Props, RelayProp>) {
   // $FlowFixMe[incompatible-return]
   return buildReactRelayContainer(
     Component,

package/buildReactRelayContainer.js.flow

@@ -82,6 +82,7 @@ function buildReactRelayContainer<TBase: React.ComponentType<any>>(
     );
   }
   ForwardRef.displayName = containerName;
+  // $FlowFixMe[incompatible-call]
   const ForwardContainer = React.forwardRef(ForwardRef);
 
   if (__DEV__) {

package/hooks.js

@@ -1,5 +1,5 @@
 /**
- * Relay v18.0.0
+ * Relay v18.2.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Relay v18.0.0
+ * Relay v18.2.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js.flow

@@ -28,6 +28,7 @@ const useFragment = require('./relay-hooks/useFragment');
 const useLazyLoadQuery = require('./relay-hooks/useLazyLoadQuery');
 const useMutation = require('./relay-hooks/useMutation');
 const usePaginationFragment = require('./relay-hooks/usePaginationFragment');
+const usePrefetchableForwardPaginationFragment_EXPERIMENTAL = require('./relay-hooks/usePrefetchableForwardPaginationFragment_EXPERIMENTAL');
 const usePreloadedQuery = require('./relay-hooks/usePreloadedQuery');
 const useQueryLoader = require('./relay-hooks/useQueryLoader');
 const useRefetchableFragment = require('./relay-hooks/useRefetchableFragment');
@@ -125,6 +126,8 @@ module.exports = {
   usePaginationFragment: usePaginationFragment,
   usePreloadedQuery: usePreloadedQuery,
   useRefetchableFragment: useRefetchableFragment,
+  usePrefetchableForwardPaginationFragment_EXPERIMENTAL:
+    usePrefetchableForwardPaginationFragment_EXPERIMENTAL,
   useRelayEnvironment: useRelayEnvironment,
   useSubscribeToInvalidationState: useSubscribeToInvalidationState,
   useSubscription: useSubscription,

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v18.0.0
+ * Relay v18.2.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/lib/index.js

@@ -18,6 +18,7 @@ var useFragment = require('./relay-hooks/useFragment');
 var useLazyLoadQuery = require('./relay-hooks/useLazyLoadQuery');
 var useMutation = require('./relay-hooks/useMutation');
 var usePaginationFragment = require('./relay-hooks/usePaginationFragment');
+var usePrefetchableForwardPaginationFragment_EXPERIMENTAL = require('./relay-hooks/usePrefetchableForwardPaginationFragment_EXPERIMENTAL');
 var usePreloadedQuery = require('./relay-hooks/usePreloadedQuery');
 var useQueryLoader = require('./relay-hooks/useQueryLoader');
 var useRefetchableFragment = require('./relay-hooks/useRefetchableFragment');
@@ -57,6 +58,7 @@ module.exports = {
   usePaginationFragment: usePaginationFragment,
   usePreloadedQuery: usePreloadedQuery,
   useRefetchableFragment: useRefetchableFragment,
+  usePrefetchableForwardPaginationFragment_EXPERIMENTAL: usePrefetchableForwardPaginationFragment_EXPERIMENTAL,
   useRelayEnvironment: useRelayEnvironment,
   useSubscribeToInvalidationState: useSubscribeToInvalidationState,
   useSubscription: useSubscription

package/lib/relay-hooks/getConnectionState.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var invariant = require('invariant');
+var _require = require('relay-runtime'),
+  ConnectionInterface = _require.ConnectionInterface,
+  getValueAtPath = _require.getValueAtPath;
+function getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData) {
+  var _pageInfo$END_CURSOR, _pageInfo$START_CURSO;
+  var _ConnectionInterface$ = ConnectionInterface.get(),
+    EDGES = _ConnectionInterface$.EDGES,
+    PAGE_INFO = _ConnectionInterface$.PAGE_INFO,
+    HAS_NEXT_PAGE = _ConnectionInterface$.HAS_NEXT_PAGE,
+    HAS_PREV_PAGE = _ConnectionInterface$.HAS_PREV_PAGE,
+    END_CURSOR = _ConnectionInterface$.END_CURSOR,
+    START_CURSOR = _ConnectionInterface$.START_CURSOR;
+  var connection = getValueAtPath(fragmentData, connectionPathInFragmentData);
+  if (connection == null) {
+    return {
+      cursor: null,
+      hasMore: false
+    };
+  }
+  !(typeof connection === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have been `null`, or ' + 'a plain object with %s and %s properties. Instead got `%s`.', fragmentNode.name, EDGES, PAGE_INFO, connection) : invariant(false) : void 0;
+  var edges = connection[EDGES];
+  var pageInfo = connection[PAGE_INFO];
+  if (edges == null || pageInfo == null) {
+    return {
+      cursor: null,
+      hasMore: false
+    };
+  }
+  !Array.isArray(edges) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a plural `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, EDGES, edges) : invariant(false) : void 0;
+  !(typeof pageInfo === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, PAGE_INFO, pageInfo) : invariant(false) : void 0;
+  var cursor = direction === 'forward' ? (_pageInfo$END_CURSOR = pageInfo[END_CURSOR]) !== null && _pageInfo$END_CURSOR !== void 0 ? _pageInfo$END_CURSOR : null : (_pageInfo$START_CURSO = pageInfo[START_CURSOR]) !== null && _pageInfo$START_CURSO !== void 0 ? _pageInfo$START_CURSO : null;
+  !(cursor === null || typeof cursor === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected page info for connection in fragment `%s` to have a ' + 'valid `%s`. Instead got `%s`.', fragmentNode.name, START_CURSOR, cursor) : invariant(false) : void 0;
+  var hasMore;
+  if (direction === 'forward') {
+    hasMore = cursor != null && pageInfo[HAS_NEXT_PAGE] === true;
+  } else {
+    hasMore = cursor != null && pageInfo[HAS_PREV_PAGE] === true;
+  }
+  return {
+    cursor: cursor,
+    hasMore: hasMore
+  };
+}
+module.exports = getConnectionState;

package/lib/relay-hooks/legacy/FragmentResource.js

@@ -243,8 +243,7 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
     var fragmentOwner = fragmentSelector.kind === 'PluralReaderSelector' ? fragmentSelector.selectors[0].owner : fragmentSelector.owner;
     var parentQueryPromiseResult = this._getAndSavePromiseForFragmentRequestInFlight(fragmentIdentifier, fragmentNode, fragmentOwner, fragmentResult);
     var parentQueryPromiseResultPromise = parentQueryPromiseResult === null || parentQueryPromiseResult === void 0 ? void 0 : parentQueryPromiseResult.promise;
-    var missingResolverFieldPromises = (_missingLiveResolverF2 = (_missingLiveResolverF3 = missingLiveResolverFields(snapshot)) === null || _missingLiveResolverF3 === void 0 ? void 0 : _missingLiveResolverF3.map(function (_ref2) {
-      var liveStateID = _ref2.liveStateID;
+    var missingResolverFieldPromises = (_missingLiveResolverF2 = (_missingLiveResolverF3 = missingLiveResolverFields(snapshot)) === null || _missingLiveResolverF3 === void 0 ? void 0 : _missingLiveResolverF3.map(function (liveStateID) {
       var store = environment.getStore();
       return store.getLiveResolverPromise(liveStateID);
     })) !== null && _missingLiveResolverF2 !== void 0 ? _missingLiveResolverF2 : [];
@@ -309,12 +308,10 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
     var _this4 = this;
     if (Array.isArray(snapshot)) {
       snapshot.forEach(function (s) {
-        var _s$selector$node$meta, _s$selector$node$meta2;
-        handlePotentialSnapshotErrors(_this4._environment, s.missingRequiredFields, s.relayResolverErrors, s.errorResponseFields, (_s$selector$node$meta = (_s$selector$node$meta2 = s.selector.node.metadata) === null || _s$selector$node$meta2 === void 0 ? void 0 : _s$selector$node$meta2.throwOnFieldError) !== null && _s$selector$node$meta !== void 0 ? _s$selector$node$meta : false);
+        handlePotentialSnapshotErrors(_this4._environment, s.errorResponseFields);
       });
     } else {
-      var _snapshot$selector$no, _snapshot$selector$no2;
-      handlePotentialSnapshotErrors(this._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);
+      handlePotentialSnapshotErrors(this._environment, snapshot.errorResponseFields);
     }
   };
   _proto2.readSpec = function readSpec(fragmentNodes, fragmentRefs, componentDisplayName) {
@@ -456,8 +453,6 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
       missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
       seenRecords: currentSnapshot.seenRecords,
       selector: currentSnapshot.selector,
-      missingRequiredFields: currentSnapshot.missingRequiredFields,
-      relayResolverErrors: currentSnapshot.relayResolverErrors,
       errorResponseFields: currentSnapshot.errorResponseFields
     };
     if (updatedData !== renderData) {

package/lib/relay-hooks/loadQuery.js

@@ -7,7 +7,6 @@ var _require = require('relay-runtime'),
   fetchQueryDeduped = _require.__internal.fetchQueryDeduped,
   Observable = _require.Observable,
   PreloadableQueryRegistry = _require.PreloadableQueryRegistry,
-  RelayFeatureFlags = _require.RelayFeatureFlags,
   ReplaySubject = _require.ReplaySubject,
   createOperationDescriptor = _require.createOperationDescriptor,
   getRequest = _require.getRequest,
@@ -38,18 +37,12 @@ function loadQuery(environment, preloadableRequest, variables, options, environm
   var didMakeNetworkRequest = false;
   var makeNetworkRequest = function makeNetworkRequest(params) {
     didMakeNetworkRequest = true;
-    var observable;
     var subject = new ReplaySubject();
-    if (RelayFeatureFlags.ENABLE_LOAD_QUERY_REQUEST_DEDUPING === true) {
-      var identifier = 'raw-network-request-' + getRequestIdentifier(params, variables);
-      observable = fetchQueryDeduped(environment, identifier, function () {
-        var network = environment.getNetwork();
-        return network.execute(params, variables, networkCacheConfig);
-      });
-    } else {
+    var identifier = 'raw-network-request-' + getRequestIdentifier(params, variables);
+    var observable = fetchQueryDeduped(environment, identifier, function () {
       var network = environment.getNetwork();
-      observable = network.execute(params, variables, networkCacheConfig);
-    }
+      return network.execute(params, variables, networkCacheConfig);
+    });
     var _observable$subscribe = observable.subscribe({
         error: function error(err) {
           networkError = err;
@@ -74,9 +67,7 @@ function loadQuery(environment, preloadableRequest, variables, options, environm
   };
   var unsubscribeFromExecution;
   var executeDeduped = function executeDeduped(operation, fetchFn) {
-    if (RelayFeatureFlags.ENABLE_LOAD_QUERY_REQUEST_DEDUPING === true) {
-      didMakeNetworkRequest = true;
-    }
+    didMakeNetworkRequest = true;
     var _fetchQueryDeduped$su = fetchQueryDeduped(environment, operation.request.identifier, fetchFn).subscribe({
       error: function error(err) {
         executionSubject.error(err);

package/lib/relay-hooks/readFragmentInternal.js

@@ -66,16 +66,14 @@ function getMissingClientEdges(state) {
 }
 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);
+    handlePotentialSnapshotErrors(environment, state.snapshot.errorResponseFields);
   } else if (state.kind === 'plural') {
     var _iterator3 = (0, _createForOfIteratorHelper2["default"])(state.snapshots),
       _step3;
     try {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var _snapshot$selector$no, _snapshot$selector$no2;
         var snapshot = _step3.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);
+        handlePotentialSnapshotErrors(environment, snapshot.errorResponseFields);
       }
     } catch (err) {
       _iterator3.e(err);

package/lib/relay-hooks/useFragmentInternal.js

@@ -5,7 +5,7 @@ var _useFragmentInternal_CURRENT = _interopRequireDefault(require("./useFragment
 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) {
+  if (_relayRuntime.RelayFeatureFlags.ENABLE_ACTIVITY_COMPATIBILITY) {
     return (0, _useFragmentInternal_EXPERIMENTAL["default"])(fragmentNode, fragmentRef, hookDisplayName, queryOptions);
   }
   return (0, _useFragmentInternal_CURRENT["default"])(fragmentNode, fragmentRef, hookDisplayName, queryOptions);

package/lib/relay-hooks/useFragmentInternal_CURRENT.js

@@ -116,16 +116,14 @@ function getSuspendingLiveResolver(state) {
 }
 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);
+    handlePotentialSnapshotErrors(environment, state.snapshot.errorResponseFields);
   } 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);
+        handlePotentialSnapshotErrors(environment, snapshot.errorResponseFields);
       }
     } catch (err) {
       _iterator5.e(err);
@@ -152,8 +150,6 @@ function handleMissedUpdates(environment, state) {
       missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
       seenRecords: currentSnapshot.seenRecords,
       selector: currentSnapshot.selector,
-      missingRequiredFields: currentSnapshot.missingRequiredFields,
-      relayResolverErrors: currentSnapshot.relayResolverErrors,
       errorResponseFields: currentSnapshot.errorResponseFields
     };
     return [updatedData !== state.snapshot.data, {
@@ -175,8 +171,6 @@ function handleMissedUpdates(environment, state) {
         missingLiveResolverFields: _currentSnapshot.missingLiveResolverFields,
         seenRecords: _currentSnapshot.seenRecords,
         selector: _currentSnapshot.selector,
-        missingRequiredFields: _currentSnapshot.missingRequiredFields,
-        relayResolverErrors: _currentSnapshot.relayResolverErrors,
         errorResponseFields: _currentSnapshot.errorResponseFields
       };
       if (_updatedData !== snapshot.data) {
@@ -405,8 +399,7 @@ function useFragmentInternal(fragmentNode, fragmentRef, hookDisplayName, queryOp
   if (isMissingData(state)) {
     var suspendingLiveResolvers = getSuspendingLiveResolver(state);
     if (suspendingLiveResolvers != null && suspendingLiveResolvers.length > 0) {
-      throw Promise.all(suspendingLiveResolvers.map(function (_ref) {
-        var liveStateID = _ref.liveStateID;
+      throw Promise.all(suspendingLiveResolvers.map(function (liveStateID) {
         return environment.getStore().getLiveResolverPromise(liveStateID);
       }));
     }

package/lib/relay-hooks/useFragmentInternal_EXPERIMENTAL.js

@@ -116,16 +116,14 @@ function getSuspendingLiveResolver(state) {
 }
 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);
+    handlePotentialSnapshotErrors(environment, state.snapshot.errorResponseFields);
   } 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);
+        handlePotentialSnapshotErrors(environment, snapshot.errorResponseFields);
       }
     } catch (err) {
       _iterator5.e(err);
@@ -152,8 +150,6 @@ function handleMissedUpdates(environment, state) {
       missingLiveResolverFields: currentSnapshot.missingLiveResolverFields,
       seenRecords: currentSnapshot.seenRecords,
       selector: currentSnapshot.selector,
-      missingRequiredFields: currentSnapshot.missingRequiredFields,
-      relayResolverErrors: currentSnapshot.relayResolverErrors,
       errorResponseFields: currentSnapshot.errorResponseFields
     };
     return [updatedData !== state.snapshot.data, {
@@ -177,8 +173,6 @@ function handleMissedUpdates(environment, state) {
         missingLiveResolverFields: _currentSnapshot.missingLiveResolverFields,
         seenRecords: _currentSnapshot.seenRecords,
         selector: _currentSnapshot.selector,
-        missingRequiredFields: _currentSnapshot.missingRequiredFields,
-        relayResolverErrors: _currentSnapshot.relayResolverErrors,
         errorResponseFields: _currentSnapshot.errorResponseFields
       };
       if (_updatedData !== snapshot.data) {
@@ -206,7 +200,7 @@ function handleMissingClientEdge(environment, parentFragmentNode, parentFragment
   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) {
+function subscribeToSnapshot(environment, state, setState) {
   if (state.kind === 'bailout') {
     return function () {};
   } else if (state.kind === 'singular') {
@@ -235,7 +229,6 @@ function subscribeToSnapshot(environment, state, setState, pendingStateRef) {
             environment: state.environment
           };
         }
-        pendingStateRef.current = nextState.kind === 'singular' ? nextState.epoch : null;
         return nextState;
       });
     });
@@ -272,7 +265,6 @@ function subscribeToSnapshot(environment, state, setState, pendingStateRef) {
               environment: state.environment
             };
           }
-          pendingStateRef.current = nextState.kind === 'plural' ? nextState.epoch : null;
           return nextState;
         });
       });
@@ -409,8 +401,7 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   if (isMissingData(state)) {
     var suspendingLiveResolvers = getSuspendingLiveResolver(state);
     if (suspendingLiveResolvers != null && suspendingLiveResolvers.length > 0) {
-      throw Promise.all(suspendingLiveResolvers.map(function (_ref) {
-        var liveStateID = _ref.liveStateID;
+      throw Promise.all(suspendingLiveResolvers.map(function (liveStateID) {
         return environment.getStore().getLiveResolverPromise(liveStateID);
       }));
     }
@@ -424,7 +415,6 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
     }
   }
   handlePotentialSnapshotErrorsForState(environment, state);
-  var pendingStateEpochRef = useRef(null);
   var storeSubscriptionRef = useRef(null);
   useEffect(function () {
     var storeSubscription = storeSubscriptionRef.current;
@@ -449,7 +439,7 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
       }
       stateForSubscription = updatedState;
     }
-    var dispose = subscribeToSnapshot(state.environment, stateForSubscription, setState, pendingStateEpochRef);
+    var dispose = subscribeToSnapshot(state.environment, stateForSubscription, setState);
     storeSubscriptionRef.current = {
       dispose: dispose,
       selector: state.selector,
@@ -458,7 +448,7 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   }, [state]);
   useEffect(function () {
     if (storeSubscriptionRef.current == null && state.kind !== 'bailout') {
-      var dispose = subscribeToSnapshot(state.environment, state, setState, pendingStateEpochRef);
+      var dispose = subscribeToSnapshot(state.environment, state, setState);
       storeSubscriptionRef.current = {
         dispose: dispose,
         selector: state.selector,
@@ -471,18 +461,6 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
       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;

package/lib/relay-hooks/useLoadMoreFunction.js

@@ -2,9 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var getConnectionState = require('./getConnectionState');
 var useFetchTrackingRef = require('./useFetchTrackingRef');
 var useIsMountedRef = require('./useIsMountedRef');
 var useIsOperationNodeActive = require('./useIsOperationNodeActive');
+var useLoadMoreFunction_EXPERIMENTAL = require('./useLoadMoreFunction_EXPERIMENTAL');
 var useRelayEnvironment = require('./useRelayEnvironment');
 var invariant = require('invariant');
 var _require = require('react'),
@@ -13,14 +15,19 @@ var _require = require('react'),
   useState = _require.useState;
 var _require2 = require('relay-runtime'),
   fetchQuery = _require2.__internal.fetchQuery,
-  ConnectionInterface = _require2.ConnectionInterface,
+  RelayFeatureFlags = _require2.RelayFeatureFlags,
   createOperationDescriptor = _require2.createOperationDescriptor,
   getPaginationVariables = _require2.getPaginationVariables,
   getRefetchMetadata = _require2.getRefetchMetadata,
-  getSelector = _require2.getSelector,
-  getValueAtPath = _require2.getValueAtPath;
+  getSelector = _require2.getSelector;
 var warning = require("fbjs/lib/warning");
 function useLoadMoreFunction(args) {
+  if (RelayFeatureFlags.ENABLE_ACTIVITY_COMPATIBILITY) {
+    return useLoadMoreFunction_EXPERIMENTAL(args);
+  }
+  return useLoadMoreFunction_CURRENT(args);
+}
+function useLoadMoreFunction_CURRENT(args) {
   var direction = args.direction,
     fragmentNode = args.fragmentNode,
     fragmentRef = args.fragmentRef,
@@ -121,44 +128,4 @@ function useLoadMoreFunction(args) {
   }, [environment, identifierValue, direction, cursor, startFetch, disposeFetch, completeFetch, isFetchingRef, isParentQueryActive, fragmentData, fragmentNode.name, fragmentRef, componentDisplayName]);
   return [loadMore, hasMore, disposeFetch];
 }
-function getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData) {
-  var _pageInfo$END_CURSOR, _pageInfo$START_CURSO;
-  var _ConnectionInterface$ = ConnectionInterface.get(),
-    EDGES = _ConnectionInterface$.EDGES,
-    PAGE_INFO = _ConnectionInterface$.PAGE_INFO,
-    HAS_NEXT_PAGE = _ConnectionInterface$.HAS_NEXT_PAGE,
-    HAS_PREV_PAGE = _ConnectionInterface$.HAS_PREV_PAGE,
-    END_CURSOR = _ConnectionInterface$.END_CURSOR,
-    START_CURSOR = _ConnectionInterface$.START_CURSOR;
-  var connection = getValueAtPath(fragmentData, connectionPathInFragmentData);
-  if (connection == null) {
-    return {
-      cursor: null,
-      hasMore: false
-    };
-  }
-  !(typeof connection === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have been `null`, or ' + 'a plain object with %s and %s properties. Instead got `%s`.', fragmentNode.name, EDGES, PAGE_INFO, connection) : invariant(false) : void 0;
-  var edges = connection[EDGES];
-  var pageInfo = connection[PAGE_INFO];
-  if (edges == null || pageInfo == null) {
-    return {
-      cursor: null,
-      hasMore: false
-    };
-  }
-  !Array.isArray(edges) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a plural `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, EDGES, edges) : invariant(false) : void 0;
-  !(typeof pageInfo === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, PAGE_INFO, pageInfo) : invariant(false) : void 0;
-  var cursor = direction === 'forward' ? (_pageInfo$END_CURSOR = pageInfo[END_CURSOR]) !== null && _pageInfo$END_CURSOR !== void 0 ? _pageInfo$END_CURSOR : null : (_pageInfo$START_CURSO = pageInfo[START_CURSOR]) !== null && _pageInfo$START_CURSO !== void 0 ? _pageInfo$START_CURSO : null;
-  !(cursor === null || typeof cursor === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected page info for connection in fragment `%s` to have a ' + 'valid `%s`. Instead got `%s`.', fragmentNode.name, START_CURSOR, cursor) : invariant(false) : void 0;
-  var hasMore;
-  if (direction === 'forward') {
-    hasMore = cursor != null && pageInfo[HAS_NEXT_PAGE] === true;
-  } else {
-    hasMore = cursor != null && pageInfo[HAS_PREV_PAGE] === true;
-  }
-  return {
-    cursor: cursor,
-    hasMore: hasMore
-  };
-}
 module.exports = useLoadMoreFunction;

package/lib/relay-hooks/useLoadMoreFunction_EXPERIMENTAL.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var getConnectionState = require('./getConnectionState');
+var useIsMountedRef = require('./useIsMountedRef');
+var useIsOperationNodeActive = require('./useIsOperationNodeActive');
+var useRelayEnvironment = require('./useRelayEnvironment');
+var invariant = require('invariant');
+var _require = require('react'),
+  useCallback = _require.useCallback,
+  useRef = _require.useRef,
+  useState = _require.useState;
+var _require2 = require('relay-runtime'),
+  fetchQuery = _require2.__internal.fetchQuery,
+  createOperationDescriptor = _require2.createOperationDescriptor,
+  getPaginationVariables = _require2.getPaginationVariables,
+  getRefetchMetadata = _require2.getRefetchMetadata,
+  getSelector = _require2.getSelector;
+var warning = require("fbjs/lib/warning");
+function useLoadMoreFunction_EXPERIMENTAL(args) {
+  var direction = args.direction,
+    fragmentNode = args.fragmentNode,
+    fragmentRef = args.fragmentRef,
+    fragmentIdentifier = args.fragmentIdentifier,
+    fragmentData = args.fragmentData,
+    connectionPathInFragmentData = args.connectionPathInFragmentData,
+    paginationRequest = args.paginationRequest,
+    paginationMetadata = args.paginationMetadata,
+    componentDisplayName = args.componentDisplayName,
+    observer = args.observer,
+    onReset = args.onReset;
+  var environment = useRelayEnvironment();
+  var _getRefetchMetadata = getRefetchMetadata(fragmentNode, componentDisplayName),
+    identifierInfo = _getRefetchMetadata.identifierInfo;
+  var identifierValue = (identifierInfo === null || identifierInfo === void 0 ? void 0 : identifierInfo.identifierField) != null && fragmentData != null && typeof fragmentData === 'object' ? fragmentData[identifierInfo.identifierField] : null;
+  var fetchStatusRef = useRef({
+    kind: 'none'
+  });
+  var _useState = useState(environment),
+    mirroredEnvironment = _useState[0],
+    setMirroredEnvironment = _useState[1];
+  var _useState2 = useState(fragmentIdentifier),
+    mirroredFragmentIdentifier = _useState2[0],
+    setMirroredFragmentIdentifier = _useState2[1];
+  var isParentQueryActive = useIsOperationNodeActive(fragmentNode, fragmentRef);
+  var forceDisposeFn = useCallback(function () {
+    if (fetchStatusRef.current.kind === 'fetching') {
+      fetchStatusRef.current.subscription.unsubscribe();
+    }
+    fetchStatusRef.current = {
+      kind: 'none'
+    };
+  }, []);
+  var shouldReset = environment !== mirroredEnvironment || fragmentIdentifier !== mirroredFragmentIdentifier;
+  if (shouldReset) {
+    forceDisposeFn();
+    onReset();
+    setMirroredEnvironment(environment);
+    setMirroredFragmentIdentifier(fragmentIdentifier);
+  }
+  var _getConnectionState = getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData),
+    cursor = _getConnectionState.cursor,
+    hasMore = _getConnectionState.hasMore;
+  var isMountedRef = useIsMountedRef();
+  var loadMore = useCallback(function (count, options) {
+    var onComplete = options === null || options === void 0 ? void 0 : options.onComplete;
+    if (isMountedRef.current !== true) {
+      process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Unexpected fetch on unmounted component for fragment ' + '`%s` in `%s`. It looks like some instances of your component are ' + 'still trying to fetch data but they already unmounted. ' + 'Please make sure you clear all timers, intervals, ' + 'async calls, etc that may trigger a fetch.', fragmentNode.name, componentDisplayName) : void 0;
+      return {
+        dispose: function dispose() {}
+      };
+    }
+    var fragmentSelector = getSelector(fragmentNode, fragmentRef);
+    if (fetchStatusRef.current.kind === 'fetching' || fragmentData == null || isParentQueryActive) {
+      if (fragmentSelector == null) {
+        process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Unexpected fetch while using a null fragment ref ' + 'for fragment `%s` in `%s`. When fetching more items, we expect ' + "initial fragment data to be non-null. Please make sure you're " + 'passing a valid fragment ref to `%s` before paginating.', fragmentNode.name, componentDisplayName, componentDisplayName) : void 0;
+      }
+      if (onComplete) {
+        onComplete(null);
+      }
+      return {
+        dispose: function dispose() {}
+      };
+    }
+    !(fragmentSelector != null && fragmentSelector.kind !== 'PluralReaderSelector') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected to be able to find a non-plural fragment owner for ' + "fragment `%s` when using `%s`. If you're seeing this, " + 'this is likely a bug in Relay.', fragmentNode.name, componentDisplayName) : invariant(false) : void 0;
+    var parentVariables = fragmentSelector.owner.variables;
+    var fragmentVariables = fragmentSelector.variables;
+    var extraVariables = options === null || options === void 0 ? void 0 : options.UNSTABLE_extraVariables;
+    var baseVariables = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parentVariables), fragmentVariables);
+    var paginationVariables = getPaginationVariables(direction, count, cursor, baseVariables, (0, _objectSpread2["default"])({}, extraVariables), paginationMetadata);
+    if (identifierInfo != null) {
+      if (typeof identifierValue !== 'string') {
+        process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Expected result to have a string  ' + '`%s` in order to refetch, got `%s`.', identifierInfo.identifierField, identifierValue) : void 0;
+      }
+      paginationVariables[identifierInfo.identifierQueryVariableName] = identifierValue;
+    }
+    var paginationQuery = createOperationDescriptor(paginationRequest, paginationVariables, {
+      force: true
+    });
+    fetchQuery(environment, paginationQuery).subscribe((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, observer), {}, {
+      start: function start(subscription) {
+        fetchStatusRef.current = {
+          kind: 'fetching',
+          subscription: subscription
+        };
+        observer.start && observer.start(subscription);
+      },
+      complete: function complete() {
+        fetchStatusRef.current = {
+          kind: 'none'
+        };
+        observer.complete && observer.complete();
+        onComplete && onComplete(null);
+      },
+      error: function error(_error) {
+        fetchStatusRef.current = {
+          kind: 'none'
+        };
+        observer.complete && observer.complete();
+        onComplete && onComplete(_error);
+      }
+    }));
+    return {
+      dispose: function dispose() {}
+    };
+  }, [environment, identifierValue, direction, cursor, isParentQueryActive, fragmentData, fragmentNode.name, fragmentRef, componentDisplayName]);
+  return [loadMore, hasMore, forceDisposeFn];
+}
+module.exports = useLoadMoreFunction_EXPERIMENTAL;