react-relay 14.1.0 → 16.0.0

package/lib/relay-hooks/useFragmentNode.js

@@ -1,103 +1,62 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var _require = require('./FragmentResource'),
-    getFragmentResourceForEnvironment = _require.getFragmentResourceForEnvironment;
-
+  getFragmentResourceForEnvironment = _require.getFragmentResourceForEnvironment;
 var useRelayEnvironment = require('./useRelayEnvironment');
-
+var useUnsafeRef_DEPRECATED = require('./useUnsafeRef_DEPRECATED');
 var _require2 = require('react'),
-    useEffect = _require2.useEffect,
-    useRef = _require2.useRef,
-    useState = _require2.useState;
-
+  useEffect = _require2.useEffect,
+  useState = _require2.useState;
 var _require3 = require('relay-runtime'),
-    getFragmentIdentifier = _require3.getFragmentIdentifier;
-
+  RelayFeatureFlags = _require3.RelayFeatureFlags,
+  getFragmentIdentifier = _require3.getFragmentIdentifier;
 var warning = require("fbjs/lib/warning");
-
 function useFragmentNode(fragmentNode, fragmentRef, componentDisplayName) {
   var environment = useRelayEnvironment();
   var FragmentResource = getFragmentResourceForEnvironment(environment);
-  var isMountedRef = useRef(false);
-
+  var isMountedRef = useUnsafeRef_DEPRECATED(false);
   var _useState = useState(0),
-      forceUpdate = _useState[1];
-
-  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef); // Read fragment data; this might suspend.
-
+    forceUpdate = _useState[1];
+  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
   var fragmentResult = FragmentResource.readWithIdentifier(fragmentNode, fragmentRef, fragmentIdentifier, componentDisplayName);
-  var isListeningForUpdatesRef = useRef(true);
-
+  var isListeningForUpdatesRef = useUnsafeRef_DEPRECATED(true);
   function enableStoreUpdates() {
     isListeningForUpdatesRef.current = true;
     var didMissUpdates = FragmentResource.checkMissedUpdates(fragmentResult)[0];
-
     if (didMissUpdates) {
       handleDataUpdate();
     }
   }
-
   function disableStoreUpdates() {
     isListeningForUpdatesRef.current = false;
   }
-
   function handleDataUpdate() {
     if (isMountedRef.current === false || isListeningForUpdatesRef.current === false) {
       return;
-    } // React bails out on noop state updates as an optimization.
-    // If we want to force an update via setState, we need to pass an value.
-    // The actual value can be arbitrary though, e.g. an incremented number.
-
-
+    }
     forceUpdate(function (count) {
       return count + 1;
     });
-  } // Establish Relay store subscriptions in the commit phase, only if
-  // rendering for the first time, or if we need to subscribe to new data
-  // If the fragment identifier changes, it means that the variables on the
-  // fragment owner changed, or the fragment ref points to different records.
-  // In this case, we need to resubscribe to the Relay store.
-
-
+  }
   useEffect(function () {
     isMountedRef.current = true;
     var disposable = FragmentResource.subscribe(fragmentResult, handleDataUpdate);
     return function () {
-      // When unmounting or resubscribing to new data, clean up current
-      // subscription. This will also make sure fragment data is no longer
-      // cached so that next time it its read, it will be freshly read from
-      // the Relay store
       isMountedRef.current = false;
       disposable.dispose();
-    }; // NOTE: We disable react-hooks-deps warning because environment and fragmentIdentifier
-    // is capturing all information about whether the effect should be re-ran.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
   }, [environment, fragmentIdentifier]);
-
-  if (process.env.NODE_ENV !== "production") {
+  if (RelayFeatureFlags.LOG_MISSING_RECORDS_IN_PROD || process.env.NODE_ENV !== "production") {
     if (fragmentRef != null && (fragmentResult.data === undefined || Array.isArray(fragmentResult.data) && fragmentResult.data.length > 0 && fragmentResult.data.every(function (data) {
       return data === 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, componentDisplayName, componentDisplayName) : void 0;
     }
   }
-
   return {
-    // $FlowFixMe[incompatible-return]
     data: fragmentResult.data,
     disableStoreUpdates: disableStoreUpdates,
     enableStoreUpdates: enableStoreUpdates
   };
 }
-
 module.exports = useFragmentNode;

package/lib/relay-hooks/useIsMountedRef.js

@@ -1,19 +1,8 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var _require = require('react'),
-    useEffect = _require.useEffect,
-    useRef = _require.useRef;
-
+  useEffect = _require.useEffect,
+  useRef = _require.useRef;
 function useIsMountedRef() {
   var isMountedRef = useRef(true);
   useEffect(function () {
@@ -24,5 +13,4 @@ function useIsMountedRef() {
   }, []);
   return isMountedRef;
 }
-
 module.exports = useIsMountedRef;

package/lib/relay-hooks/useIsOperationNodeActive.js

@@ -1,61 +1,39 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var invariant = require('invariant');
-
 var React = require('react');
-
 var _require = require('relay-runtime'),
-    getObservableForActiveRequest = _require.__internal.getObservableForActiveRequest,
-    getSelector = _require.getSelector;
-
+  getObservableForActiveRequest = _require.__internal.getObservableForActiveRequest,
+  getSelector = _require.getSelector;
 var useEffect = React.useEffect,
-    useState = React.useState,
-    useMemo = React.useMemo;
-
+  useState = React.useState,
+  useMemo = React.useMemo;
 function useIsOperationNodeActive(fragmentNode, fragmentRef) {
   var environment = useRelayEnvironment();
   var observable = useMemo(function () {
     var selector = getSelector(fragmentNode, fragmentRef);
-
     if (selector == null) {
       return null;
     }
-
     !(selector.kind === 'SingularReaderSelector') ? process.env.NODE_ENV !== "production" ? invariant(false, 'useIsOperationNodeActive: Plural fragments are not supported.') : invariant(false) : void 0;
     return getObservableForActiveRequest(environment, selector.owner);
   }, [environment, fragmentNode, fragmentRef]);
-
   var _useState = useState(observable != null),
-      isActive = _useState[0],
-      setIsActive = _useState[1];
-
+    isActive = _useState[0],
+    setIsActive = _useState[1];
   useEffect(function () {
     var subscription;
     setIsActive(observable != null);
-
     if (observable != null) {
       var onCompleteOrError = function onCompleteOrError() {
         setIsActive(false);
       };
-
       subscription = observable.subscribe({
         complete: onCompleteOrError,
         error: onCompleteOrError
       });
     }
-
     return function () {
       if (subscription) {
         subscription.unsubscribe();
@@ -64,5 +42,4 @@ function useIsOperationNodeActive(fragmentNode, fragmentRef) {
   }, [observable]);
   return isActive;
 }
-
 module.exports = useIsOperationNodeActive;

package/lib/relay-hooks/useIsParentQueryActive.js

@@ -1,26 +1,12 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var useIsOperationNodeActive = require('./useIsOperationNodeActive');
-
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
-
 var _require = require('relay-runtime'),
-    getFragment = _require.getFragment;
-
+  getFragment = _require.getFragment;
 function useIsParentQueryActive(fragmentInput, fragmentRef) {
   var fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useIsParentQueryActive()');
   return useIsOperationNodeActive(fragmentNode, fragmentRef);
 }
-
 module.exports = useIsParentQueryActive;

package/lib/relay-hooks/useLazyLoadQuery.js

@@ -1,33 +1,13 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
+  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 var useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
-
 var useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var _require2 = require('relay-runtime'),
-    fetchQuery = _require2.__internal.fetchQuery; // This separate type export is only needed as long as we are injecting
-// a separate hooks implementation in ./HooksImplementation -- it can
-// be removed after we stop doing that.
-
-
+  fetchQuery = _require2.__internal.fetchQuery;
 function useLazyLoadQuery(gqlQuery, variables, options) {
-  // We need to use this hook in order to be able to track if
-  // loadQuery was called during render
   useTrackLoadQueryInRender();
   var environment = useRelayEnvironment();
   var query = useMemoOperationDescriptor(gqlQuery, variables, options && options.networkCacheConfig ? options.networkCacheConfig : {
@@ -43,5 +23,4 @@ function useLazyLoadQuery(gqlQuery, variables, options) {
   });
   return data;
 }
-
 module.exports = useLazyLoadQuery;

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -1,53 +1,33 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var ProfilerContext = require('./ProfilerContext');
-
 var _require = require('./QueryResource'),
-    getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
-    getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
-
+  getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
+  getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
 var useFetchTrackingRef = require('./useFetchTrackingRef');
-
 var useFragmentNode = require('./useFragmentNode');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var React = require('react');
-
 var useContext = React.useContext,
-    useEffect = React.useEffect,
-    useState = React.useState,
-    useRef = React.useRef;
-
+  useEffect = React.useEffect,
+  useState = React.useState,
+  useRef = React.useRef;
 function useLazyLoadQueryNode(_ref) {
   var query = _ref.query,
-      componentDisplayName = _ref.componentDisplayName,
-      fetchObservable = _ref.fetchObservable,
-      fetchPolicy = _ref.fetchPolicy,
-      fetchKey = _ref.fetchKey,
-      renderPolicy = _ref.renderPolicy;
+    componentDisplayName = _ref.componentDisplayName,
+    fetchObservable = _ref.fetchObservable,
+    fetchPolicy = _ref.fetchPolicy,
+    fetchKey = _ref.fetchKey,
+    renderPolicy = _ref.renderPolicy;
   var environment = useRelayEnvironment();
   var profilerContext = useContext(ProfilerContext);
   var QueryResource = getQueryResourceForEnvironment(environment);
-
   var _useState = useState(0),
-      forceUpdateKey = _useState[0],
-      forceUpdate = _useState[1];
-
+    forceUpdateKey = _useState[0],
+    forceUpdate = _useState[1];
   var _useFetchTrackingRef = useFetchTrackingRef(),
-      startFetch = _useFetchTrackingRef.startFetch,
-      completeFetch = _useFetchTrackingRef.completeFetch;
-
+    startFetch = _useFetchTrackingRef.startFetch,
+    completeFetch = _useFetchTrackingRef.completeFetch;
   var cacheBreaker = "".concat(forceUpdateKey, "-").concat(fetchKey !== null && fetchKey !== void 0 ? fetchKey : '');
   var cacheIdentifier = getQueryCacheIdentifier(environment, query, fetchPolicy, renderPolicy, cacheBreaker);
   var preparedQueryResult = profilerContext.wrapPrepareQueryResource(function () {
@@ -60,54 +40,29 @@ function useLazyLoadQueryNode(_ref) {
   var maybeHiddenOrFastRefresh = useRef(false);
   useEffect(function () {
     return function () {
-      // Attempt to detect if the component was
-      // hidden (by Offscreen API), or fast refresh occured;
-      // Only in these situations would the effect cleanup
-      // for "unmounting" run multiple times, so if
-      // we are ever able to read this ref with a value
-      // of true, it means that one of these cases
-      // has happened.
       maybeHiddenOrFastRefresh.current = true;
     };
   }, []);
   useEffect(function () {
     if (maybeHiddenOrFastRefresh.current === true) {
-      // This block only runs if the component has previously "unmounted"
-      // due to it being hidden by the Offscreen API, or during fast refresh.
-      // At this point, the current cached resource will have been disposed
-      // by the previous cleanup, so instead of attempting to
-      // do our regular commit setup, which would incorrectly attempt to
-      // retain a cached query resource that was disposed, we need to force
-      // a re-render so that the cache entry for this query is re-intiliazed and
-      // and re-evaluated (and potentially cause a refetch).
       maybeHiddenOrFastRefresh.current = false;
       forceUpdate(function (n) {
         return n + 1;
       });
       return;
     }
-
     var disposable = QueryResource.retain(preparedQueryResult, profilerContext);
     return function () {
       disposable.dispose();
-    }; // NOTE: We disable react-hooks-deps warning because the `environment`
-    // and `cacheIdentifier` identities are capturing all information about whether
-    // the effect should be re-executed and the query re-retained.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
   }, [environment, cacheIdentifier]);
   useEffect(function () {
-    // Release any temporary retain that's not released. At this point, if the
-    // cacheIdentifier doesn't change, the query is still permanently retained,
-    // and the temporary retain is redundant.
-    QueryResource.releaseTemporaryRetain(preparedQueryResult); // This effect is intended to run on every commit, thus no dependency
+    QueryResource.releaseTemporaryRetain(preparedQueryResult);
   });
   var fragmentNode = preparedQueryResult.fragmentNode,
-      fragmentRef = preparedQueryResult.fragmentRef;
-
+    fragmentRef = preparedQueryResult.fragmentRef;
   var _useFragmentNode = useFragmentNode(fragmentNode, fragmentRef, componentDisplayName),
-      data = _useFragmentNode.data;
-
+    data = _useFragmentNode.data;
   return data;
 }
-
 module.exports = useLazyLoadQueryNode;

package/lib/relay-hooks/useLoadMoreFunction.js

@@ -1,144 +1,101 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+relay
- * 
- * @format
- */
 'use strict';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var useFetchTrackingRef = require('./useFetchTrackingRef');
-
 var useIsMountedRef = require('./useIsMountedRef');
-
 var useIsOperationNodeActive = require('./useIsOperationNodeActive');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var invariant = require('invariant');
-
 var _require = require('react'),
-    useCallback = _require.useCallback,
-    useEffect = _require.useEffect,
-    useState = _require.useState;
-
+  useCallback = _require.useCallback,
+  useEffect = _require.useEffect,
+  useState = _require.useState;
 var _require2 = require('relay-runtime'),
-    ConnectionInterface = _require2.ConnectionInterface,
-    fetchQuery = _require2.__internal.fetchQuery,
-    createOperationDescriptor = _require2.createOperationDescriptor,
-    getPaginationVariables = _require2.getPaginationVariables,
-    getSelector = _require2.getSelector,
-    getValueAtPath = _require2.getValueAtPath;
-
+  fetchQuery = _require2.__internal.fetchQuery,
+  ConnectionInterface = _require2.ConnectionInterface,
+  createOperationDescriptor = _require2.createOperationDescriptor,
+  getPaginationVariables = _require2.getPaginationVariables,
+  getRefetchMetadata = _require2.getRefetchMetadata,
+  getSelector = _require2.getSelector,
+  getValueAtPath = _require2.getValueAtPath;
 var warning = require("fbjs/lib/warning");
-
 function useLoadMoreFunction(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,
-      identifierField = args.identifierField;
+    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 _useFetchTrackingRef = useFetchTrackingRef(),
-      isFetchingRef = _useFetchTrackingRef.isFetchingRef,
-      startFetch = _useFetchTrackingRef.startFetch,
-      disposeFetch = _useFetchTrackingRef.disposeFetch,
-      completeFetch = _useFetchTrackingRef.completeFetch;
-
-  var identifierValue = identifierField != null && fragmentData != null && typeof fragmentData === 'object' ? fragmentData[identifierField] : null;
+    isFetchingRef = _useFetchTrackingRef.isFetchingRef,
+    startFetch = _useFetchTrackingRef.startFetch,
+    disposeFetch = _useFetchTrackingRef.disposeFetch,
+    completeFetch = _useFetchTrackingRef.completeFetch;
+  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 isMountedRef = useIsMountedRef();
-
   var _useState = useState(environment),
-      mirroredEnvironment = _useState[0],
-      setMirroredEnvironment = _useState[1];
-
+    mirroredEnvironment = _useState[0],
+    setMirroredEnvironment = _useState[1];
   var _useState2 = useState(fragmentIdentifier),
-      mirroredFragmentIdentifier = _useState2[0],
-      setMirroredFragmentIdentifier = _useState2[1];
-
+    mirroredFragmentIdentifier = _useState2[0],
+    setMirroredFragmentIdentifier = _useState2[1];
   var isParentQueryActive = useIsOperationNodeActive(fragmentNode, fragmentRef);
   var shouldReset = environment !== mirroredEnvironment || fragmentIdentifier !== mirroredFragmentIdentifier;
-
   if (shouldReset) {
     disposeFetch();
     onReset();
     setMirroredEnvironment(environment);
     setMirroredFragmentIdentifier(fragmentIdentifier);
   }
-
   var _getConnectionState = getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData),
-      cursor = _getConnectionState.cursor,
-      hasMore = _getConnectionState.hasMore; // Dispose of pagination requests in flight when unmounting
-
-
+    cursor = _getConnectionState.cursor,
+    hasMore = _getConnectionState.hasMore;
   useEffect(function () {
     return function () {
       disposeFetch();
     };
   }, [disposeFetch]);
   var loadMore = useCallback(function (count, options) {
-    // TODO(T41131846): Fetch/Caching policies for loadMore
     var onComplete = options === null || options === void 0 ? void 0 : options.onComplete;
-
     if (isMountedRef.current !== true) {
-      // Bail out and warn if we're trying to paginate after the component
-      // has unmounted
       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 (isFetchingRef.current === true || 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 the query needs an identifier value ('id' or similar) and one
-    // was not explicitly provided, read it from the fragment data.
-
-    if (identifierField != null) {
-      // @refetchable fragments are guaranteed to have an `id` selection
-      // if the type is Node, implements Node, or is @fetchable. Double-check
-      // that there actually is a value at runtime.
+    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`.', identifierField, identifierValue) : void 0;
+        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.id = identifierValue;
+      paginationVariables[identifierInfo.identifierQueryVariableName] = identifierValue;
     }
-
     var paginationQuery = createOperationDescriptor(paginationRequest, paginationVariables, {
       force: true
     });
@@ -161,60 +118,47 @@ function useLoadMoreFunction(args) {
     return {
       dispose: disposeFetch
     };
-  }, // NOTE: We disable react-hooks-deps warning because all values
-  // inside paginationMetadata are static
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [environment, identifierValue, direction, cursor, startFetch, disposeFetch, completeFetch, isFetchingRef, isParentQueryActive, fragmentData, fragmentNode.name, fragmentRef, componentDisplayName]);
+  }, [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;
-
+    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;