react-relay 16.1.0 → 17.0.0

package/relay-hooks/useRefetchableFragment.js.flow

@@ -11,7 +11,7 @@
 
 'use strict';
 
-import type {Options} from './useRefetchableFragmentNode';
+import type {Options} from './useRefetchableFragmentInternal';
 import type {
   Disposable,
   FragmentType,
@@ -19,8 +19,7 @@ import type {
   Variables,
 } from 'relay-runtime';
 
-const HooksImplementation = require('./HooksImplementation');
-const useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
+const useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal');
 const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 const {useDebugValue} = require('react');
 const {getFragment} = require('relay-runtime');
@@ -65,7 +64,7 @@ export type UseRefetchableFragmentType = <
   key: TKey,
 ) => ReturnType<TVariables, TData, TKey>;
 
-function useRefetchableFragment_LEGACY<
+hook useRefetchableFragment<
   TFragmentType: FragmentType,
   TVariables: Variables,
   TData,
@@ -79,47 +78,18 @@ function useRefetchableFragment_LEGACY<
     fragmentNode,
     'first argument of useRefetchableFragment()',
   );
-  const {fragmentData, refetch} = useRefetchableFragmentNode<
-    {
-      response: TData,
-      variables: TVariables,
-    },
-    {
-      +$data: mixed,
-      ...
-    },
+  const {fragmentData, refetch} = useRefetchableFragmentInternal<
+    {variables: TVariables, response: TData},
+    {data?: TData},
   >(fragmentNode, fragmentRef, 'useRefetchableFragment()');
   if (__DEV__) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
+    // $FlowFixMe[react-rule-hook]
     useDebugValue({fragment: fragmentNode.name, data: fragmentData});
   }
-
   // $FlowFixMe[incompatible-return]
   // $FlowFixMe[prop-missing]
-  // $FlowFixMe[incompatible-variance]
   return [fragmentData, refetch];
 }
 
-function useRefetchableFragment<
-  TFragmentType: FragmentType,
-  TVariables: Variables,
-  TData,
-  TKey: ?{+$fragmentSpreads: TFragmentType, ...},
->(
-  fragmentInput: RefetchableFragment<TFragmentType, TData, TVariables>,
-  parentFragmentRef: TKey,
-): ReturnType<TVariables, TData, TKey> {
-  const impl = HooksImplementation.get();
-  if (impl) {
-    // $FlowExpectedError[incompatible-return] Flow cannot prove that two conditional type satisfy each other
-    return impl.useRefetchableFragment<TFragmentType, TVariables, TData, TKey>(
-      fragmentInput,
-      parentFragmentRef,
-    );
-  } else {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    return useRefetchableFragment_LEGACY(fragmentInput, parentFragmentRef);
-  }
-}
-
 module.exports = useRefetchableFragment;

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

@@ -11,8 +11,7 @@
 
 'use strict';
 
-import type {RefetchableIdentifierInfo} from '../../../relay-runtime/util/ReaderNode';
-import type {LoaderFn} from '../useQueryLoader';
+import type {LoaderFn} from './useQueryLoader';
 import type {
   ConcreteRequest,
   Disposable,
@@ -21,18 +20,19 @@ import type {
   OperationDescriptor,
   OperationType,
   ReaderFragment,
+  RefetchableIdentifierInfo,
   RenderPolicy,
   Variables,
   VariablesOf,
 } from 'relay-runtime';
 
-const ProfilerContext = require('../ProfilerContext');
-const {getQueryResourceForEnvironment} = require('../QueryResource');
-const useIsMountedRef = require('../useIsMountedRef');
-const useQueryLoader = require('../useQueryLoader');
-const useRelayEnvironment = require('../useRelayEnvironment');
-const readFragmentInternal = require('./readFragmentInternal_EXPERIMENTAL');
-const useFragmentInternal = require('./useFragmentInternal_EXPERIMENTAL');
+const ProfilerContext = require('./ProfilerContext');
+const {getQueryResourceForEnvironment} = require('./QueryResource');
+const readFragmentInternal = require('./readFragmentInternal');
+const useFragmentInternal = require('./useFragmentInternal');
+const useIsMountedRef = require('./useIsMountedRef');
+const useQueryLoader = require('./useQueryLoader');
+const useRelayEnvironment = require('./useRelayEnvironment');
 const invariant = require('invariant');
 const {useCallback, useContext, useReducer} = require('react');
 const {
@@ -160,7 +160,7 @@ function reducer(state: RefetchState, action: Action): RefetchState {
   }
 }
 
-function useRefetchableFragmentNode<
+hook useRefetchableFragmentNode<
   TQuery: OperationType,
   TKey: ?{+$data?: mixed, ...},
 >(
@@ -355,7 +355,7 @@ function useRefetchableFragmentNode<
   };
 }
 
-function useRefetchFunction<TQuery: OperationType>(
+hook useRefetchFunction<TQuery: OperationType>(
   componentDisplayName: string,
   dispatch: (
     | {

package/relay-hooks/useRelayEnvironment.js.flow

@@ -17,7 +17,7 @@ const ReactRelayContext = require('./../ReactRelayContext');
 const invariant = require('invariant');
 const {useContext} = require('react');
 
-function useRelayEnvironment(): IEnvironment {
+hook useRelayEnvironment(): IEnvironment {
   const context = useContext(ReactRelayContext);
   invariant(
     context != null,

package/relay-hooks/useStaticFragmentNodeWarning.js.flow

@@ -16,7 +16,7 @@ import type {ReaderFragment} from 'relay-runtime';
 const useUnsafeRef_DEPRECATED = require('./useUnsafeRef_DEPRECATED');
 const warning = require('warning');
 
-function useStaticFragmentNodeWarning(
+hook useStaticFragmentNodeWarning(
   fragmentNode: ReaderFragment,
   warningContext: string,
 ): void {
@@ -25,8 +25,10 @@ function useStaticFragmentNodeWarning(
     // __DEV__ setting which shouldn't change. This allows us to only pay the
     // cost of `useRef` in development mode to produce the warning.
     // eslint-disable-next-line react-hooks/rules-of-hooks
+    // $FlowFixMe[react-rule-hook]
     const initialPropRef = useUnsafeRef_DEPRECATED(fragmentNode.name);
     warning(
+      // $FlowFixMe[react-rule-unsafe-ref]
       initialPropRef.current === fragmentNode.name,
       'Relay: The %s has to remain the same over the lifetime of a component. ' +
         'Changing it is not supported and will result in unexpected behavior.',

package/relay-hooks/useSubscribeToInvalidationState.js.flow

@@ -25,7 +25,7 @@ const {useEffect, useRef} = require('react');
  * re-established and the previous one will be disposed.
  * The subscription will automatically be disposed on unmount
  */
-function useSubscribeToInvalidationState(
+hook useSubscribeToInvalidationState(
   dataIDs: $ReadOnlyArray<DataID>,
   callback: () => void,
 ): Disposable {

package/relay-hooks/useSubscription.js.flow

@@ -26,7 +26,7 @@ type RequestSubscriptionFn<TVariables, TData, TRawResponse> = (
   config: GraphQLSubscriptionConfig<TVariables, TData, TRawResponse>,
 ) => Disposable;
 
-function useSubscription<TVariables, TData, TRawResponse>(
+hook useSubscription<TVariables, TData, TRawResponse>(
   config: GraphQLSubscriptionConfig<TVariables, TData, TRawResponse>,
   requestSubscriptionFn?: RequestSubscriptionFn<
     TVariables,

package/relay-hooks/useUnsafeRef_DEPRECATED.js.flow

@@ -18,7 +18,7 @@ const {useMemo} = require('react');
  * pattern to read or write from a ref during render as it does not trigger
  * a rerender and might result in bugs.
  */
-function useUnsafeRef_DEPRECATED<T>(init: T): {current: T} {
+hook useUnsafeRef_DEPRECATED<T>(init: T): {current: T} {
   return useMemo<{current: T}>(() => ({current: init}), []);
 }
 

package/lib/relay-hooks/HooksImplementation.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var warning = require("fbjs/lib/warning");
-var implementation = null;
-function inject(impl) {
-  process.env.NODE_ENV !== "production" ? warning(implementation === null, 'Relay HooksImplementation was injected twice.') : void 0;
-  implementation = impl;
-}
-function get() {
-  return implementation;
-}
-module.exports = {
-  inject: inject,
-  get: get
-};

package/lib/relay-hooks/experimental/useFragment_EXPERIMENTAL.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var _require = require('../loadQuery'),
-  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-var useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-var useFragmentInternal = require('./useFragmentInternal_EXPERIMENTAL');
-var _require2 = require('react'),
-  useDebugValue = _require2.useDebugValue;
-var _require3 = require('relay-runtime'),
-  getFragment = _require3.getFragment;
-function useFragment(fragment, key) {
-  useTrackLoadQueryInRender();
-  var fragmentNode = getFragment(fragment);
-  if (process.env.NODE_ENV !== "production") {
-    useStaticFragmentNodeWarning(fragmentNode, 'first argument of useFragment()');
-  }
-  var data = useFragmentInternal(fragmentNode, key, 'useFragment()');
-  if (process.env.NODE_ENV !== "production") {
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: data
-    });
-  }
-  return data;
-}
-module.exports = useFragment;

package/lib/relay-hooks/experimental/usePaginationFragment_EXPERIMENTAL.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var useLoadMoreFunction = require('../useLoadMoreFunction');
-var useRelayEnvironment = require('../useRelayEnvironment');
-var useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-var _require = require('react'),
-  useCallback = _require.useCallback,
-  useDebugValue = _require.useDebugValue,
-  useState = _require.useState;
-var _require2 = require('relay-runtime'),
-  getFragment = _require2.getFragment,
-  getFragmentIdentifier = _require2.getFragmentIdentifier,
-  getPaginationMetadata = _require2.getPaginationMetadata;
-function usePaginationFragment(fragmentInput, parentFragmentRef) {
-  var fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(fragmentNode, 'first argument of usePaginationFragment()');
-  var componentDisplayName = 'usePaginationFragment()';
-  var _getPaginationMetadat = getPaginationMetadata(fragmentNode, componentDisplayName),
-    connectionPathInFragmentData = _getPaginationMetadat.connectionPathInFragmentData,
-    paginationRequest = _getPaginationMetadat.paginationRequest,
-    paginationMetadata = _getPaginationMetadat.paginationMetadata;
-  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, parentFragmentRef, componentDisplayName),
-    fragmentData = _useRefetchableFragme.fragmentData,
-    fragmentRef = _useRefetchableFragme.fragmentRef,
-    refetch = _useRefetchableFragme.refetch;
-  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
-  var _useLoadMore = useLoadMore({
-      componentDisplayName: componentDisplayName,
-      connectionPathInFragmentData: connectionPathInFragmentData,
-      direction: 'backward',
-      fragmentData: fragmentData,
-      fragmentIdentifier: fragmentIdentifier,
-      fragmentNode: fragmentNode,
-      fragmentRef: fragmentRef,
-      paginationMetadata: paginationMetadata,
-      paginationRequest: paginationRequest
-    }),
-    loadPrevious = _useLoadMore[0],
-    hasPrevious = _useLoadMore[1],
-    isLoadingPrevious = _useLoadMore[2],
-    disposeFetchPrevious = _useLoadMore[3];
-  var _useLoadMore2 = useLoadMore({
-      componentDisplayName: componentDisplayName,
-      connectionPathInFragmentData: connectionPathInFragmentData,
-      direction: 'forward',
-      fragmentData: fragmentData,
-      fragmentIdentifier: fragmentIdentifier,
-      fragmentNode: fragmentNode,
-      fragmentRef: fragmentRef,
-      paginationMetadata: paginationMetadata,
-      paginationRequest: paginationRequest
-    }),
-    loadNext = _useLoadMore2[0],
-    hasNext = _useLoadMore2[1],
-    isLoadingNext = _useLoadMore2[2],
-    disposeFetchNext = _useLoadMore2[3];
-  var refetchPagination = useCallback(function (variables, options) {
-    disposeFetchNext();
-    disposeFetchPrevious();
-    return refetch(variables, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, options), {}, {
-      __environment: undefined
-    }));
-  }, [disposeFetchNext, disposeFetchPrevious, refetch]);
-  if (process.env.NODE_ENV !== "production") {
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData,
-      hasNext: hasNext,
-      isLoadingNext: isLoadingNext,
-      hasPrevious: hasPrevious,
-      isLoadingPrevious: isLoadingPrevious
-    });
-  }
-  return {
-    data: fragmentData,
-    loadNext: loadNext,
-    loadPrevious: loadPrevious,
-    hasNext: hasNext,
-    hasPrevious: hasPrevious,
-    isLoadingNext: isLoadingNext,
-    isLoadingPrevious: isLoadingPrevious,
-    refetch: refetchPagination
-  };
-}
-function useLoadMore(args) {
-  var environment = useRelayEnvironment();
-  var _useState = useState(false),
-    isLoadingMore = _useState[0],
-    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);
-    },
-    complete: function complete() {
-      return setIsLoadingMore(false);
-    },
-    error: function error() {
-      return setIsLoadingMore(false);
-    }
-  };
-  var handleReset = function handleReset() {
-    return setIsLoadingMore(false);
-  };
-  var _useLoadMoreFunction = useLoadMoreFunction((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, args), {}, {
-      observer: observer,
-      onReset: handleReset
-    })),
-    loadMore = _useLoadMoreFunction[0],
-    hasMore = _useLoadMoreFunction[1],
-    disposeFetch = _useLoadMoreFunction[2];
-  return [loadMore, hasMore, isLoadingMore, disposeFetch];
-}
-module.exports = usePaginationFragment;

package/lib/relay-hooks/experimental/useRefetchableFragment_EXPERIMENTAL.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-var useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-var _require = require('react'),
-  useDebugValue = _require.useDebugValue;
-var _require2 = require('relay-runtime'),
-  getFragment = _require2.getFragment;
-function useRefetchableFragment(fragmentInput, fragmentRef) {
-  var fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(fragmentNode, 'first argument of useRefetchableFragment()');
-  var _useRefetchableFragme = useRefetchableFragmentInternal(fragmentNode, fragmentRef, 'useRefetchableFragment()'),
-    fragmentData = _useRefetchableFragme.fragmentData,
-    refetch = _useRefetchableFragme.refetch;
-  if (process.env.NODE_ENV !== "production") {
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData
-    });
-  }
-  return [fragmentData, refetch];
-}
-module.exports = useRefetchableFragment;

package/relay-hooks/HooksImplementation.js.flow

@@ -1,45 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import typeof useFragmentInternal from './experimental/useFragmentInternal_EXPERIMENTAL';
-import typeof useFragment from './useFragment';
-import type {UsePaginationFragmentType} from './usePaginationFragment';
-import type {UseRefetchableFragmentType} from './useRefetchableFragment';
-
-const warning = require('warning');
-
-type HooksImplementation = {
-  useFragment: useFragment,
-  usePaginationFragment: UsePaginationFragmentType,
-  useRefetchableFragment: UseRefetchableFragmentType,
-  useFragment__internal?: useFragmentInternal,
-};
-
-let implementation: HooksImplementation | null = null;
-
-function inject(impl: HooksImplementation): void {
-  warning(
-    implementation === null,
-    'Relay HooksImplementation was injected twice.',
-  );
-  implementation = impl;
-}
-
-function get(): HooksImplementation | null {
-  return implementation;
-}
-
-module.exports = {
-  inject,
-  get,
-};

package/relay-hooks/experimental/useFragment_EXPERIMENTAL.js.flow

@@ -1,66 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import type {Fragment, FragmentType, GraphQLTaggedNode} from 'relay-runtime';
-
-const {useTrackLoadQueryInRender} = require('../loadQuery');
-const useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-const useFragmentInternal = require('./useFragmentInternal_EXPERIMENTAL');
-const {useDebugValue} = require('react');
-const {getFragment} = require('relay-runtime');
-
-type HasSpread<TFragmentType> = {
-  +$fragmentSpreads: TFragmentType,
-  ...
-};
-
-// if the key is non-nullable, return non-nullable value
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: HasSpread<TFragmentType>,
-): TData;
-
-// if the key is a non-nullable array of keys, return non-nullable array
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: $ReadOnlyArray<HasSpread<TFragmentType>>,
-): TData;
-
-// if the key is null/void, return null/void value
-declare function useFragment<TFragmentType: FragmentType, TData>(
-  fragment: Fragment<TFragmentType, TData>,
-  key: null | void,
-): null | void;
-
-function useFragment(fragment: GraphQLTaggedNode, key: mixed): mixed {
-  // We need to use this hook in order to be able to track if
-  // loadQuery was called during render
-  useTrackLoadQueryInRender();
-
-  const fragmentNode = getFragment(fragment);
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useStaticFragmentNodeWarning(
-      fragmentNode,
-      'first argument of useFragment()',
-    );
-  }
-  const data = useFragmentInternal(fragmentNode, key, 'useFragment()');
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useDebugValue({fragment: fragmentNode.name, data});
-  }
-  return data;
-}
-
-module.exports = useFragment;

package/relay-hooks/experimental/usePaginationFragment_EXPERIMENTAL.js.flow

@@ -1,161 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- * @oncall relay
- */
-
-'use strict';
-
-import type {LoadMoreFn, UseLoadMoreFunctionArgs} from '../useLoadMoreFunction';
-import type {ReturnType} from '../usePaginationFragment';
-import type {Options} from './useRefetchableFragmentInternal_EXPERIMENTAL';
-import type {
-  FragmentType,
-  GraphQLResponse,
-  Observer,
-  RefetchableFragment,
-  Variables,
-} from 'relay-runtime';
-
-const useLoadMoreFunction = require('../useLoadMoreFunction');
-const useRelayEnvironment = require('../useRelayEnvironment');
-const useStaticFragmentNodeWarning = require('../useStaticFragmentNodeWarning');
-const useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal_EXPERIMENTAL');
-const {useCallback, useDebugValue, useState} = require('react');
-const {
-  getFragment,
-  getFragmentIdentifier,
-  getPaginationMetadata,
-} = require('relay-runtime');
-
-function usePaginationFragment<
-  TFragmentType: FragmentType,
-  TVariables: Variables,
-  TData,
-  TKey: ?{+$fragmentSpreads: TFragmentType, ...},
->(
-  fragmentInput: RefetchableFragment<TFragmentType, TData, TVariables>,
-  parentFragmentRef: TKey,
-): ReturnType<TVariables, TData, TKey> {
-  const fragmentNode = getFragment(fragmentInput);
-  useStaticFragmentNodeWarning(
-    fragmentNode,
-    'first argument of usePaginationFragment()',
-  );
-  const componentDisplayName = 'usePaginationFragment()';
-
-  const {connectionPathInFragmentData, paginationRequest, paginationMetadata} =
-    getPaginationMetadata(fragmentNode, componentDisplayName);
-
-  const {fragmentData, fragmentRef, refetch} = useRefetchableFragmentInternal<
-    {variables: TVariables, response: TData},
-    {data?: TData},
-  >(fragmentNode, parentFragmentRef, componentDisplayName);
-  const fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
-
-  // Backward pagination
-  const [loadPrevious, hasPrevious, isLoadingPrevious, disposeFetchPrevious] =
-    useLoadMore<TVariables>({
-      componentDisplayName,
-      connectionPathInFragmentData,
-      direction: 'backward',
-      fragmentData,
-      fragmentIdentifier,
-      fragmentNode,
-      fragmentRef,
-      paginationMetadata,
-      paginationRequest,
-    });
-
-  // Forward pagination
-  const [loadNext, hasNext, isLoadingNext, disposeFetchNext] =
-    useLoadMore<TVariables>({
-      componentDisplayName,
-      connectionPathInFragmentData,
-      direction: 'forward',
-      fragmentData,
-      fragmentIdentifier,
-      fragmentNode,
-      fragmentRef,
-      paginationMetadata,
-      paginationRequest,
-    });
-
-  const refetchPagination = useCallback(
-    (variables: TVariables, options: void | Options) => {
-      disposeFetchNext();
-      disposeFetchPrevious();
-      return refetch(variables, {...options, __environment: undefined});
-    },
-    [disposeFetchNext, disposeFetchPrevious, refetch],
-  );
-
-  if (__DEV__) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useDebugValue({
-      fragment: fragmentNode.name,
-      data: fragmentData,
-      hasNext,
-      isLoadingNext,
-      hasPrevious,
-      isLoadingPrevious,
-    });
-  }
-  return {
-    // $FlowFixMe[incompatible-return]
-    data: fragmentData,
-    loadNext,
-    loadPrevious,
-    hasNext,
-    hasPrevious,
-    isLoadingNext,
-    isLoadingPrevious,
-    refetch: refetchPagination,
-  };
-}
-
-function useLoadMore<TVariables: Variables>(
-  args: $Diff<
-    UseLoadMoreFunctionArgs,
-    {
-      observer: Observer<GraphQLResponse>,
-      onReset: () => void,
-      ...
-    },
-  >,
-): [LoadMoreFn<TVariables>, boolean, boolean, () => void] {
-  const environment = useRelayEnvironment();
-  const [isLoadingMore, reallySetIsLoadingMore] = useState(false);
-  // Schedule this update since it must be observed by components at the same
-  // batch as when hasNext changes. hasNext is read from the store and store
-  // updates are scheduled, so this must be scheduled too.
-  const setIsLoadingMore = (value: boolean) => {
-    const schedule = environment.getScheduler()?.schedule;
-    if (schedule) {
-      schedule(() => {
-        reallySetIsLoadingMore(value);
-      });
-    } else {
-      reallySetIsLoadingMore(value);
-    }
-  };
-  const observer = {
-    start: () => setIsLoadingMore(true),
-    complete: () => setIsLoadingMore(false),
-    error: () => setIsLoadingMore(false),
-  };
-  const handleReset = () => setIsLoadingMore(false);
-  const [loadMore, hasMore, disposeFetch] = useLoadMoreFunction<TVariables>({
-    ...args,
-    observer,
-    onReset: handleReset,
-  });
-  return [loadMore, hasMore, isLoadingMore, disposeFetch];
-}
-
-module.exports = usePaginationFragment;