react-relay 16.2.0 → 17.0.0

package/ReactRelayContext.js

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

package/ReactRelayFragmentContainer.js.flow

@@ -242,12 +242,14 @@ function createContainerWithFragments<
       // eslint-disable-next-line no-unused-vars
       const {componentRef, __relayContext, __rootIsQueryRenderer, ...props} =
         this.props;
-      return React.createElement(Component, {
-        ...props,
-        ...this.state.data,
-        ref: componentRef,
-        relay: this.state.relayProp,
-      });
+      return (
+        <Component
+          {...props}
+          {...this.state.data}
+          ref={componentRef}
+          relay={this.state.relayProp}
+        />
+      );
     }
   };
 }

package/ReactRelayLocalQueryRenderer.js.flow

@@ -40,14 +40,17 @@ const queryRendererContext: ReactRelayQueryRendererContextType = {
   rootIsQueryRenderer: true,
 };
 
-function useDeepCompare<T: {...}>(value: T): T {
+hook useDeepCompare<T: {...}>(value: T): T {
   const latestValue = React.useRef(value);
+  // $FlowFixMe[react-rule-unsafe-ref]
   if (!areEqual(latestValue.current, value)) {
     if (__DEV__) {
       deepFreeze(value);
     }
+    // $FlowFixMe[react-rule-unsafe-ref]
     latestValue.current = value;
   }
+  // $FlowFixMe[react-rule-unsafe-ref]
   return latestValue.current;
 }
 

package/ReactRelayPaginationContainer.js.flow

@@ -595,7 +595,9 @@ function createContainerWithFragments<
         PAGE_INFO,
         connectionData,
       );
+      // $FlowFixMe[invalid-computed-prop]
       const edges = connectionData[EDGES];
+      // $FlowFixMe[invalid-computed-prop]
       const pageInfo = connectionData[PAGE_INFO];
       if (edges == null || pageInfo == null) {
         return null;

package/ReactRelayQueryRenderer.js.flow

@@ -378,7 +378,7 @@ function fetchQueryAndComputeStateFromProps(
   requestCacheKey: ?string,
 ): Partial<State> {
   const {environment, query, variables, cacheConfig} = props;
-  const genericEnvironment = (environment: IEnvironment);
+  const genericEnvironment: IEnvironment = environment;
   if (query) {
     const request = getRequest(query);
     const operation = createOperationDescriptor(

package/buildReactRelayContainer.js.flow

@@ -52,12 +52,13 @@ function buildReactRelayContainer<TBase: React$ComponentType<any>>(
   const Container = createContainerWithFragments(ComponentClass, fragments);
   Container.displayName = containerName;
 
-  function forwardRef(
+  function ForwardRef(
     props: any,
     ref:
       | ((null | React$ElementRef<TBase>) => mixed)
       | {-current: null | React$ElementRef<TBase>, ...},
   ) {
+    // $FlowFixMe[react-rule-hook]
     const context = useContext(ReactRelayContext);
     invariant(
       context != null,
@@ -66,6 +67,7 @@ function buildReactRelayContainer<TBase: React$ComponentType<any>>(
       containerName,
       containerName,
     );
+    // $FlowFixMe[react-rule-hook]
     const queryRendererContext = useContext(ReactRelayQueryRendererContext);
 
     return (
@@ -79,8 +81,8 @@ function buildReactRelayContainer<TBase: React$ComponentType<any>>(
       />
     );
   }
-  forwardRef.displayName = containerName;
-  const ForwardContainer = React.forwardRef(forwardRef);
+  ForwardRef.displayName = containerName;
+  const ForwardContainer = React.forwardRef(ForwardRef);
 
   if (__DEV__) {
     // Used by RelayModernTestUtils

package/getRootVariablesForFragments.js.flow

@@ -25,6 +25,7 @@ function getRootVariablesForFragments<TProps: {...}>(
   // should all point to the same owner
   Object.keys(fragments).forEach(key => {
     const fragmentNode = fragments[key];
+    // $FlowFixMe[invalid-computed-prop]
     const fragmentRef = props[key];
     const selector = getSelector(fragmentNode, fragmentRef);
     const fragmentOwnerVariables =

package/hooks.js

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

package/index.js

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

package/legacy.js

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

package/lib/ReactRelayFragmentContainer.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
@@ -141,7 +141,7 @@ function createContainerWithFragments(Component, fragments) {
         __relayContext = _this$props.__relayContext,
         __rootIsQueryRenderer = _this$props.__rootIsQueryRenderer,
         props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
-      return React.createElement(Component, (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), this.state.data), {}, {
+      return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, this.state.data, {
         ref: componentRef,
         relay: this.state.relayProp
       }));

package/lib/buildReactRelayContainer.js

@@ -22,7 +22,7 @@ function buildReactRelayContainer(ComponentClass, fragmentSpec, createContainerW
   }
   var Container = createContainerWithFragments(ComponentClass, fragments);
   Container.displayName = containerName;
-  function forwardRef(props, ref) {
+  function ForwardRef(props, ref) {
     var _queryRendererContext;
     var context = useContext(ReactRelayContext);
     !(context != null) ? process.env.NODE_ENV !== "production" ? invariant(false, '`%s` tried to render a context that was not valid this means that ' + '`%s` was rendered outside of a query renderer.', containerName, containerName) : invariant(false) : void 0;
@@ -33,8 +33,8 @@ function buildReactRelayContainer(ComponentClass, fragmentSpec, createContainerW
       componentRef: props.componentRef || ref
     }));
   }
-  forwardRef.displayName = containerName;
-  var ForwardContainer = React.forwardRef(forwardRef);
+  ForwardRef.displayName = containerName;
+  var ForwardContainer = React.forwardRef(ForwardRef);
   if (process.env.NODE_ENV !== "production") {
     ForwardContainer.__ComponentClass = ComponentClass;
     ForwardContainer.displayName = containerName;

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

@@ -131,9 +131,7 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
   function FragmentResourceImpl(environment) {
     this._environment = environment;
     this._cache = LRUCache.create(CACHE_CAPACITY);
-    if (RelayFeatureFlags.ENABLE_CLIENT_EDGES) {
-      this._clientEdgeQueryResultsCache = new ClientEdgeQueryResultsCache(environment);
-    }
+    this._clientEdgeQueryResultsCache = new ClientEdgeQueryResultsCache(environment);
   }
   var _proto2 = FragmentResourceImpl.prototype;
   _proto2.read = function read(fragmentNode, fragmentRef, componentDisplayName, fragmentKey) {
@@ -216,7 +214,7 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
       return fragmentResult;
     }
     var clientEdgeRequests = null;
-    if (RelayFeatureFlags.ENABLE_CLIENT_EDGES && ((_fragmentNode$metadat2 = fragmentNode.metadata) === null || _fragmentNode$metadat2 === void 0 ? void 0 : _fragmentNode$metadat2.hasClientEdges) === true && hasMissingClientEdges(snapshot)) {
+    if (((_fragmentNode$metadat2 = fragmentNode.metadata) === null || _fragmentNode$metadat2 === void 0 ? void 0 : _fragmentNode$metadat2.hasClientEdges) === true && hasMissingClientEdges(snapshot)) {
       clientEdgeRequests = [];
       var queryResource = getQueryResourceForEnvironment(this._environment);
       var queryResults = [];
@@ -237,7 +235,7 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
       this._clientEdgeQueryResultsCache.recordQueryResults(fragmentIdentifier, queryResults);
     }
     var clientEdgePromises = [];
-    if (RelayFeatureFlags.ENABLE_CLIENT_EDGES && clientEdgeRequests) {
+    if (clientEdgeRequests) {
       clientEdgePromises = clientEdgeRequests.map(function (request) {
         return getPromiseForActiveRequest(_this3._environment, request);
       }).filter(Boolean);
@@ -311,10 +309,12 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
     var _this4 = this;
     if (Array.isArray(snapshot)) {
       snapshot.forEach(function (s) {
-        handlePotentialSnapshotErrors(_this4._environment, s.missingRequiredFields, s.relayResolverErrors, s.errorResponseFields);
+        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);
       });
     } else {
-      handlePotentialSnapshotErrors(this._environment, snapshot.missingRequiredFields, snapshot.relayResolverErrors, snapshot.errorResponseFields);
+      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);
     }
   };
   _proto2.readSpec = function readSpec(fragmentNodes, fragmentRefs, componentDisplayName) {
@@ -326,6 +326,7 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
   };
   _proto2.subscribe = function subscribe(fragmentResult, callback) {
     var _this5 = this;
+    var _this$_clientEdgeQuer, _this$_clientEdgeQuer2;
     var environment = this._environment;
     var cacheKey = fragmentResult.cacheKey;
     var renderedSnapshot = fragmentResult.snapshot;
@@ -370,15 +371,12 @@ var FragmentResourceImpl = /*#__PURE__*/function () {
         callback();
       }));
     }
-    if (RelayFeatureFlags.ENABLE_CLIENT_EDGES) {
-      var _this$_clientEdgeQuer, _this$_clientEdgeQuer2;
-      var clientEdgeQueryResults = (_this$_clientEdgeQuer = (_this$_clientEdgeQuer2 = this._clientEdgeQueryResultsCache) === null || _this$_clientEdgeQuer2 === void 0 ? void 0 : _this$_clientEdgeQuer2.get(cacheKey)) !== null && _this$_clientEdgeQuer !== void 0 ? _this$_clientEdgeQuer : undefined;
-      if (clientEdgeQueryResults !== null && clientEdgeQueryResults !== void 0 && clientEdgeQueryResults.length) {
-        var queryResource = getQueryResourceForEnvironment(this._environment);
-        clientEdgeQueryResults.forEach(function (queryResult) {
-          disposables.push(queryResource.retain(queryResult));
-        });
-      }
+    var clientEdgeQueryResults = (_this$_clientEdgeQuer = (_this$_clientEdgeQuer2 = this._clientEdgeQueryResultsCache) === null || _this$_clientEdgeQuer2 === void 0 ? void 0 : _this$_clientEdgeQuer2.get(cacheKey)) !== null && _this$_clientEdgeQuer !== void 0 ? _this$_clientEdgeQuer : undefined;
+    if (clientEdgeQueryResults !== null && clientEdgeQueryResults !== void 0 && clientEdgeQueryResults.length) {
+      var queryResource = getQueryResourceForEnvironment(this._environment);
+      clientEdgeQueryResults.forEach(function (queryResult) {
+        disposables.push(queryResource.retain(queryResult));
+      });
     }
     return {
       dispose: function dispose() {

package/lib/relay-hooks/{experimental/readFragmentInternal_EXPERIMENTAL.js → readFragmentInternal.js}

@@ -3,7 +3,7 @@
 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 _require = require('../QueryResource'),
+var _require = require('./QueryResource'),
   getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
 var invariant = require('invariant');
 var _require2 = require('relay-runtime'),
@@ -66,14 +66,16 @@ function getMissingClientEdges(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 _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);
+        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) {
       _iterator3.e(err);
@@ -118,7 +120,7 @@ function getFragmentState(environment, fragmentSelector) {
     };
   }
 }
-function readFragmentInternal_EXPERIMENTAL(environment, fragmentNode, fragmentRef, hookDisplayName, queryOptions, fragmentKey) {
+function readFragmentInternal(environment, fragmentNode, fragmentRef, hookDisplayName, queryOptions, fragmentKey) {
   var _fragmentNode$metadat, _fragmentNode$metadat2;
   var fragmentSelector = getSelector(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;
@@ -179,4 +181,4 @@ function readFragmentInternal_EXPERIMENTAL(environment, fragmentNode, fragmentRe
     clientEdgeQueries: clientEdgeQueries
   };
 }
-module.exports = readFragmentInternal_EXPERIMENTAL;
+module.exports = readFragmentInternal;

package/lib/relay-hooks/useFragment.js

@@ -1,20 +1,18 @@
 'use strict';
 
-var HooksImplementation = require('./HooksImplementation');
-var useFragmentNode = require('./legacy/useFragmentNode');
 var _require = require('./loadQuery'),
   useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
+var useFragmentInternal = require('./useFragmentInternal');
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 var _require2 = require('react'),
   useDebugValue = _require2.useDebugValue;
 var _require3 = require('relay-runtime'),
   getFragment = _require3.getFragment;
-function useFragment_LEGACY(fragment, key) {
+function useFragment(fragment, key) {
   useTrackLoadQueryInRender();
   var fragmentNode = getFragment(fragment);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useFragment()');
-  var _useFragmentNode = useFragmentNode(fragmentNode, key, 'useFragment()'),
-    data = _useFragmentNode.data;
+  var data = useFragmentInternal(fragmentNode, key, 'useFragment()');
   if (process.env.NODE_ENV !== "production") {
     useDebugValue({
       fragment: fragmentNode.name,
@@ -23,12 +21,4 @@ function useFragment_LEGACY(fragment, key) {
   }
   return data;
 }
-function useFragment(fragment, key) {
-  var impl = HooksImplementation.get();
-  if (impl) {
-    return impl.useFragment(fragment, key);
-  } else {
-    return useFragment_LEGACY(fragment, key);
-  }
-}
 module.exports = useFragment;

package/lib/relay-hooks/{experimental/useFragmentInternal_EXPERIMENTAL.js → useFragmentInternal.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);
@@ -416,7 +418,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 +488,4 @@ function useFragmentInternal_EXPERIMENTAL(fragmentNode, fragmentRef, hookDisplay
   }
   return data;
 }
-module.exports = useFragmentInternal_EXPERIMENTAL;
+module.exports = useFragmentInternal;

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;

package/lib/relay-hooks/usePaginationFragment.js

@@ -2,9 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var HooksImplementation = require('./HooksImplementation');
-var useRefetchableFragmentNode = require('./legacy/useRefetchableFragmentNode');
 var useLoadMoreFunction = require('./useLoadMoreFunction');
+var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal');
+var useRelayEnvironment = require('./useRelayEnvironment');
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 var _require = require('react'),
   useCallback = _require.useCallback,
@@ -14,7 +14,7 @@ var _require2 = require('relay-runtime'),
   getFragment = _require2.getFragment,
   getFragmentIdentifier = _require2.getFragmentIdentifier,
   getPaginationMetadata = _require2.getPaginationMetadata;
-function usePaginationFragment_LEGACY(fragmentInput, parentFragmentRef) {
+function usePaginationFragment(fragmentInput, parentFragmentRef) {
   var fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of usePaginationFragment()');
   var componentDisplayName = 'usePaginationFragment()';
@@ -22,7 +22,7 @@ function usePaginationFragment_LEGACY(fragmentInput, parentFragmentRef) {
     connectionPathInFragmentData = _getPaginationMetadat.connectionPathInFragmentData,
     paginationRequest = _getPaginationMetadat.paginationRequest,
     paginationMetadata = _getPaginationMetadat.paginationMetadata;
-  var _useRefetchableFragme = useRefetchableFragmentNode(fragmentNode, parentFragmentRef, componentDisplayName),
+  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, parentFragmentRef, componentDisplayName),
     fragmentData = _useRefetchableFragme.fragmentData,
     fragmentRef = _useRefetchableFragme.fragmentRef,
     refetch = _useRefetchableFragme.refetch;
@@ -86,9 +86,21 @@ function usePaginationFragment_LEGACY(fragmentInput, parentFragmentRef) {
   };
 }
 function useLoadMore(args) {
+  var environment = useRelayEnvironment();
   var _useState = useState(false),
     isLoadingMore = _useState[0],
-    setIsLoadingMore = _useState[1];
+    reallySetIsLoadingMore = _useState[1];
+  var setIsLoadingMore = function setIsLoadingMore(value) {
+    var _environment$getSched;
+    var schedule = (_environment$getSched = environment.getScheduler()) === null || _environment$getSched === void 0 ? void 0 : _environment$getSched.schedule;
+    if (schedule) {
+      schedule(function () {
+        reallySetIsLoadingMore(value);
+      });
+    } else {
+      reallySetIsLoadingMore(value);
+    }
+  };
   var observer = {
     start: function start() {
       return setIsLoadingMore(true);
@@ -112,12 +124,4 @@ function useLoadMore(args) {
     disposeFetch = _useLoadMoreFunction[2];
   return [loadMore, hasMore, isLoadingMore, disposeFetch];
 }
-function usePaginationFragment(fragmentInput, parentFragmentRef) {
-  var impl = HooksImplementation.get();
-  if (impl) {
-    return impl.usePaginationFragment(fragmentInput, parentFragmentRef);
-  } else {
-    return usePaginationFragment_LEGACY(fragmentInput, parentFragmentRef);
-  }
-}
 module.exports = usePaginationFragment;

package/lib/relay-hooks/useRefetchableFragment.js

@@ -1,16 +1,15 @@
 'use strict';
 
-var HooksImplementation = require('./HooksImplementation');
-var useRefetchableFragmentNode = require('./legacy/useRefetchableFragmentNode');
+var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal');
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 var _require = require('react'),
   useDebugValue = _require.useDebugValue;
 var _require2 = require('relay-runtime'),
   getFragment = _require2.getFragment;
-function useRefetchableFragment_LEGACY(fragmentInput, fragmentRef) {
+function useRefetchableFragment(fragmentInput, fragmentRef) {
   var fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useRefetchableFragment()');
-  var _useRefetchableFragme = useRefetchableFragmentNode(fragmentNode, fragmentRef, 'useRefetchableFragment()'),
+  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, fragmentRef, 'useRefetchableFragment()'),
     fragmentData = _useRefetchableFragme.fragmentData,
     refetch = _useRefetchableFragme.refetch;
   if (process.env.NODE_ENV !== "production") {
@@ -21,12 +20,4 @@ function useRefetchableFragment_LEGACY(fragmentInput, fragmentRef) {
   }
   return [fragmentData, refetch];
 }
-function useRefetchableFragment(fragmentInput, parentFragmentRef) {
-  var impl = HooksImplementation.get();
-  if (impl) {
-    return impl.useRefetchableFragment(fragmentInput, parentFragmentRef);
-  } else {
-    return useRefetchableFragment_LEGACY(fragmentInput, parentFragmentRef);
-  }
-}
 module.exports = useRefetchableFragment;

package/lib/relay-hooks/{experimental/useRefetchableFragmentInternal_EXPERIMENTAL.js → useRefetchableFragmentInternal.js}

@@ -2,14 +2,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var ProfilerContext = require('../ProfilerContext');
-var _require = require('../QueryResource'),
+var ProfilerContext = require('./ProfilerContext');
+var _require = require('./QueryResource'),
   getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
-var useIsMountedRef = require('../useIsMountedRef');
-var useQueryLoader = require('../useQueryLoader');
-var useRelayEnvironment = require('../useRelayEnvironment');
-var readFragmentInternal = require('./readFragmentInternal_EXPERIMENTAL');
-var useFragmentInternal = require('./useFragmentInternal_EXPERIMENTAL');
+var readFragmentInternal = require('./readFragmentInternal');
+var useFragmentInternal = require('./useFragmentInternal');
+var useIsMountedRef = require('./useIsMountedRef');
+var useQueryLoader = require('./useQueryLoader');
+var useRelayEnvironment = require('./useRelayEnvironment');
 var invariant = require('invariant');
 var _require2 = require('react'),
   useCallback = _require2.useCallback,

package/multi-actor/useRelayActorEnvironment.js.flow

@@ -20,7 +20,7 @@ const ReactRelayContext = require('./../ReactRelayContext');
 const invariant = require('invariant');
 const {useContext} = require('react');
 
-function useRelayActorEnvironment(
+hook useRelayActorEnvironment(
   actorIdentifier: ActorIdentifier,
 ): IActorEnvironment {
   const context = useContext(ReactRelayContext);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-relay",
   "description": "A framework for building GraphQL-driven React applications.",
-  "version": "16.2.0",
+  "version": "17.0.0",
   "keywords": [
     "graphql",
     "relay",
@@ -20,7 +20,7 @@
     "fbjs": "^3.0.2",
     "invariant": "^2.2.4",
     "nullthrows": "^1.1.1",
-    "relay-runtime": "16.2.0"
+    "relay-runtime": "17.0.0"
   },
   "peerDependencies": {
     "react": "^16.9.0 || ^17 || ^18"