react-relay 16.2.0 → 18.0.0

package/relay-hooks/useIsMountedRef.js.flow

@@ -13,7 +13,7 @@
 
 const {useEffect, useRef} = require('react');
 
-function useIsMountedRef(): {current: boolean} {
+hook useIsMountedRef(): {current: boolean} {
   const isMountedRef = useRef(true);
 
   useEffect(() => {

package/relay-hooks/useIsOperationNodeActive.js.flow

@@ -23,7 +23,7 @@ const {
 
 const {useEffect, useState, useMemo} = React;
 
-function useIsOperationNodeActive(
+hook useIsOperationNodeActive(
   fragmentNode: ReaderFragment,
   fragmentRef: mixed,
 ): boolean {

package/relay-hooks/useIsParentQueryActive.js.flow

@@ -17,9 +17,12 @@ const useIsOperationNodeActive = require('./useIsOperationNodeActive');
 const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 const {getFragment} = require('relay-runtime');
 
-function useIsParentQueryActive<
+hook useIsParentQueryActive<
   TKey: ?{+$data?: mixed, +$fragmentSpreads: FragmentType, ...},
->(fragmentInput: GraphQLTaggedNode, fragmentRef: TKey): boolean {
+>(
+  fragmentInput: GraphQLTaggedNode,
+  fragmentRef: TKey,
+): boolean {
   const fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(
     fragmentNode,

package/relay-hooks/useLazyLoadQuery.js.flow

@@ -19,7 +19,6 @@ import type {
   Variables,
 } from 'relay-runtime';
 
-const {useTrackLoadQueryInRender} = require('./loadQuery');
 const useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 const useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 const useRelayEnvironment = require('./useRelayEnvironment');
@@ -30,7 +29,7 @@ const {
 // 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.
-export type UseLazyLoadQueryHookType = <TVariables: Variables, TData>(
+export type UseLazyLoadQueryHookType = hook <TVariables: Variables, TData>(
   gqlQuery: Query<TVariables, TData>,
   variables: TVariables,
   options?: {
@@ -41,7 +40,7 @@ export type UseLazyLoadQueryHookType = <TVariables: Variables, TData>(
   },
 ) => TData;
 
-function useLazyLoadQuery<TVariables: Variables, TData>(
+hook useLazyLoadQuery<TVariables: Variables, TData>(
   gqlQuery: Query<TVariables, TData>,
   variables: TVariables,
   options?: {
@@ -51,10 +50,6 @@ function useLazyLoadQuery<TVariables: Variables, TData>(
     UNSTABLE_renderPolicy?: RenderPolicy,
   },
 ): TData {
-  // We need to use this hook in order to be able to track if
-  // loadQuery was called during render
-  useTrackLoadQueryInRender();
-
   const environment = useRelayEnvironment();
 
   const query = useMemoOperationDescriptor(
@@ -75,4 +70,5 @@ function useLazyLoadQuery<TVariables: Variables, TData>(
   return data;
 }
 
+// $FlowFixMe[react-rule-hook-incompatible]
 module.exports = (useLazyLoadQuery: UseLazyLoadQueryHookType);

package/relay-hooks/useLazyLoadQueryNode.js.flow

@@ -19,22 +19,20 @@ import type {
   OperationType,
   RenderPolicy,
 } from 'relay-runtime';
-import type {ReaderFragment} from 'relay-runtime/util/ReaderNode';
 
-const HooksImplementation = require('./HooksImplementation');
-const useFragmentNode = require('./legacy/useFragmentNode');
 const ProfilerContext = require('./ProfilerContext');
 const {
   getQueryCacheIdentifier,
   getQueryResourceForEnvironment,
 } = require('./QueryResource');
 const useFetchTrackingRef = require('./useFetchTrackingRef');
+const useFragmentInternal = require('./useFragmentInternal');
 const useRelayEnvironment = require('./useRelayEnvironment');
 const React = require('react');
 
 const {useContext, useEffect, useState, useRef} = React;
 
-function useLazyLoadQueryNode<TQuery: OperationType>({
+hook useLazyLoadQueryNode<TQuery: OperationType>({
   query,
   componentDisplayName,
   fetchObservable,
@@ -127,7 +125,7 @@ function useLazyLoadQueryNode<TQuery: OperationType>({
   });
 
   const {fragmentNode, fragmentRef} = preparedQueryResult;
-  const data = useFragmentNodeImpl(
+  const data = useFragmentInternal(
     fragmentNode,
     fragmentRef,
     componentDisplayName,
@@ -135,18 +133,4 @@ function useLazyLoadQueryNode<TQuery: OperationType>({
   return data;
 }
 
-function useFragmentNodeImpl(
-  fragment: ReaderFragment,
-  key: mixed,
-  componentDisplayName: string,
-): mixed {
-  const impl = HooksImplementation.get();
-  if (impl && impl.useFragment__internal) {
-    return impl.useFragment__internal(fragment, key, componentDisplayName);
-  } else {
-    const {data} = useFragmentNode<mixed>(fragment, key, componentDisplayName);
-    return data;
-  }
-}
-
 module.exports = useLazyLoadQueryNode;

package/relay-hooks/useLoadMoreFunction.js.flow

@@ -61,7 +61,7 @@ export type UseLoadMoreFunctionArgs = {
   onReset: () => void,
 };
 
-function useLoadMoreFunction<TVariables: Variables>(
+hook useLoadMoreFunction<TVariables: Variables>(
   args: UseLoadMoreFunctionArgs,
 ): [LoadMoreFn<TVariables>, boolean, () => void] {
   const {

package/relay-hooks/useMemoOperationDescriptor.js.flow

@@ -24,7 +24,7 @@ const {createOperationDescriptor, getRequest} = require('relay-runtime');
 
 const {useMemo} = React;
 
-function useMemoOperationDescriptor(
+hook useMemoOperationDescriptor(
   gqlQuery: GraphQLTaggedNode,
   variables: Variables,
   cacheConfig?: ?CacheConfig,

package/relay-hooks/useMemoVariables.js.flow

@@ -21,7 +21,7 @@ const {useState} = require('react');
  * This is useful when a `variables` object is used as a value in a depencency
  * array as it might often be constructed during render.
  */
-function useMemoVariables<TVariables: Variables | null>(
+hook useMemoVariables<TVariables: Variables | null>(
   variables: TVariables,
 ): TVariables {
   const [mirroredVariables, setMirroredVariables] = useState(variables);

package/relay-hooks/useMutation.js.flow

@@ -64,7 +64,7 @@ type UseMutationConfigInternal<TVariables, TData, TRawResponse> = {
   variables: TVariables,
 };
 
-function useMutation<TVariables: Variables, TData, TRawResponse = {...}>(
+hook useMutation<TVariables: Variables, TData, TRawResponse = {...}>(
   mutation: Mutation<TVariables, TData, TRawResponse>,
   commitMutationFn?: (
     environment: IEnvironment,

package/relay-hooks/usePaginationFragment.js.flow

@@ -11,10 +11,10 @@
 
 'use strict';
 
-import type {Options} from './legacy/useRefetchableFragmentNode';
 import type {LoadMoreFn, UseLoadMoreFunctionArgs} from './useLoadMoreFunction';
-import type {RefetchFn} from './useRefetchableFragment';
+import type {Options} from './useRefetchableFragmentInternal';
 import type {
+  Disposable,
   FragmentType,
   GraphQLResponse,
   Observer,
@@ -22,9 +22,9 @@ import type {
   Variables,
 } from 'relay-runtime';
 
-const HooksImplementation = require('./HooksImplementation');
-const useRefetchableFragmentNode = require('./legacy/useRefetchableFragmentNode');
 const useLoadMoreFunction = require('./useLoadMoreFunction');
+const useRefetchableFragmentInternal = require('./useRefetchableFragmentInternal');
+const useRelayEnvironment = require('./useRelayEnvironment');
 const useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 const {useCallback, useDebugValue, useState} = require('react');
 const {
@@ -33,6 +33,40 @@ const {
   getPaginationMetadata,
 } = require('relay-runtime');
 
+type RefetchVariables<TVariables, TKey: ?{+$fragmentSpreads: mixed, ...}> =
+  // NOTE: This type ensures that the type of the returned variables is either:
+  //   - nullable if the provided ref type is nullable
+  //   - non-nullable if the provided ref type is non-nullable
+  [+key: TKey] extends [+key: {+$fragmentSpreads: mixed, ...}]
+    ? Partial<TVariables>
+    : TVariables;
+
+type RefetchFnBase<TVars, TOptions> = (
+  vars: TVars,
+  options?: TOptions,
+) => Disposable;
+
+export type RefetchFn<TVariables, TKey, TOptions = Options> = RefetchFnBase<
+  RefetchVariables<TVariables, TKey>,
+  TOptions,
+>;
+
+export type ReturnType<TVariables, TData, TKey> = {
+  // NOTE: This type ensures that the type of the returned data is either:
+  //   - nullable if the provided ref type is nullable
+  //   - non-nullable if the provided ref type is non-nullable
+  data: [+key: TKey] extends [+key: {+$fragmentSpreads: mixed, ...}]
+    ? TData
+    : ?TData,
+  loadNext: LoadMoreFn<TVariables>,
+  loadPrevious: LoadMoreFn<TVariables>,
+  hasNext: boolean,
+  hasPrevious: boolean,
+  isLoadingNext: boolean,
+  isLoadingPrevious: boolean,
+  refetch: RefetchFn<TVariables, TKey>,
+};
+
 // 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.
@@ -46,7 +80,7 @@ export type UsePaginationFragmentType = <
   parentFragmentRef: TKey,
 ) => ReturnType<TVariables, TData, TKey>;
 
-function usePaginationFragment_LEGACY<
+hook usePaginationFragment<
   TFragmentType: FragmentType,
   TVariables: Variables,
   TData,
@@ -65,9 +99,9 @@ function usePaginationFragment_LEGACY<
   const {connectionPathInFragmentData, paginationRequest, paginationMetadata} =
     getPaginationMetadata(fragmentNode, componentDisplayName);
 
-  const {fragmentData, fragmentRef, refetch} = useRefetchableFragmentNode<
-    $FlowFixMe,
-    $FlowFixMe,
+  const {fragmentData, fragmentRef, refetch} = useRefetchableFragmentInternal<
+    {variables: TVariables, response: TData},
+    {data?: TData},
   >(fragmentNode, parentFragmentRef, componentDisplayName);
   const fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
 
@@ -99,7 +133,7 @@ function usePaginationFragment_LEGACY<
       paginationRequest,
     });
 
-  const refetchPagination: RefetchFn<TVariables, TKey> = useCallback(
+  const refetchPagination = useCallback(
     (variables: TVariables, options: void | Options) => {
       disposeFetchNext();
       disposeFetchPrevious();
@@ -110,6 +144,7 @@ function usePaginationFragment_LEGACY<
 
   if (__DEV__) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
+    // $FlowFixMe[react-rule-hook]
     useDebugValue({
       fragment: fragmentNode.name,
       data: fragmentData,
@@ -120,7 +155,8 @@ function usePaginationFragment_LEGACY<
     });
   }
   return {
-    data: (fragmentData: $FlowFixMe),
+    // $FlowFixMe[incompatible-return]
+    data: fragmentData,
     loadNext,
     loadPrevious,
     hasNext,
@@ -131,7 +167,7 @@ function usePaginationFragment_LEGACY<
   };
 }
 
-function useLoadMore<TVariables: Variables>(
+hook useLoadMore<TVariables: Variables>(
   args: $Diff<
     UseLoadMoreFunctionArgs,
     {
@@ -141,7 +177,21 @@ function useLoadMore<TVariables: Variables>(
     },
   >,
 ): [LoadMoreFn<TVariables>, boolean, boolean, () => void] {
-  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  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),
@@ -156,42 +206,4 @@ function useLoadMore<TVariables: Variables>(
   return [loadMore, hasMore, isLoadingMore, disposeFetch];
 }
 
-export type ReturnType<TVariables, TData, TKey> = {
-  // NOTE: This type ensures that the type of the returned data is either:
-  //   - nullable if the provided ref type is nullable
-  //   - non-nullable if the provided ref type is non-nullable
-  data: [+key: TKey] extends [+key: {+$fragmentSpreads: mixed, ...}]
-    ? TData
-    : ?TData,
-  loadNext: LoadMoreFn<TVariables>,
-  loadPrevious: LoadMoreFn<TVariables>,
-  hasNext: boolean,
-  hasPrevious: boolean,
-  isLoadingNext: boolean,
-  isLoadingPrevious: boolean,
-  refetch: RefetchFn<TVariables, TKey>,
-};
-
-function usePaginationFragment<
-  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.usePaginationFragment<TFragmentType, TVariables, TData, TKey>(
-      fragmentInput,
-      parentFragmentRef,
-    );
-  } else {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    return usePaginationFragment_LEGACY(fragmentInput, parentFragmentRef);
-  }
-}
-
 module.exports = usePaginationFragment;

package/relay-hooks/usePreloadedQuery.js.flow

@@ -18,7 +18,6 @@ import type {
 } from './EntryPointTypes.flow';
 import type {Query, RenderPolicy, Variables} from 'relay-runtime';
 
-const {useTrackLoadQueryInRender} = require('./loadQuery');
 const useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 const useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 const useRelayEnvironment = require('./useRelayEnvironment');
@@ -52,7 +51,7 @@ type PreloadedQuery<
       TEnvironmentProviderOptions,
     >;
 
-function usePreloadedQuery<
+hook usePreloadedQuery<
   TVariables: Variables,
   TData,
   TRawResponse: ?{...} = void,
@@ -67,10 +66,6 @@ function usePreloadedQuery<
     UNSTABLE_renderPolicy?: RenderPolicy,
   },
 ): TData {
-  // We need to use this hook in order to be able to track if
-  // loadQuery was called during render
-  useTrackLoadQueryInRender();
-
   const environment = useRelayEnvironment();
   const {fetchKey, fetchPolicy, source, variables, networkCacheConfig} =
     preloadedQuery;
@@ -164,6 +159,7 @@ function usePreloadedQuery<
 
   if (__DEV__) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
+    // $FlowFixMe[react-rule-hook]
     useDebugValue({
       query: preloadedQuery.name,
       variables: preloadedQuery.variables,

package/relay-hooks/useQueryLoader.js.flow

@@ -23,7 +23,7 @@ import type {
   Variables,
 } from 'relay-runtime';
 
-const {loadQuery, useTrackLoadQueryInRender} = require('./loadQuery');
+const {loadQuery} = require('./loadQuery');
 const useIsMountedRef = require('./useIsMountedRef');
 const useRelayEnvironment = require('./useRelayEnvironment');
 const {useCallback, useEffect, useRef, useState} = require('react');
@@ -108,11 +108,7 @@ declare function useQueryLoader<TQuery: OperationType>(
   initialQueryReference?: ?PreloadedQuery<TQuery>,
 ): UseQueryLoaderHookReturnType<TQuery['variables'], TQuery['response']>;
 
-function useQueryLoader<
-  TVariables: Variables,
-  TData,
-  TRawResponse: ?{...} = void,
->(
+hook useQueryLoader<TVariables: Variables, TData, TRawResponse: ?{...} = void>(
   preloadableRequest: Query<TVariables, TData, TRawResponse>,
   initialQueryReference?: ?PreloadedQuery<{
     response: TData,
@@ -150,7 +146,6 @@ function useQueryLoader<
     initialQueryReference ?? initialNullQueryReferenceState;
 
   const environment = useRelayEnvironment();
-  useTrackLoadQueryInRender();
 
   const isMountedRef = useIsMountedRef();
   const undisposedQueryReferencesRef = useRef<
@@ -172,6 +167,7 @@ function useQueryLoader<
     // necessary here
     // TODO(T78446637): Handle disposal of managed query references in
     // components that were never mounted after rendering
+    // $FlowFixMe[react-rule-unsafe-ref]
     undisposedQueryReferencesRef.current.add(initialQueryReferenceInternal);
     setPreviousInitialQueryReference(initialQueryReferenceInternal);
     setQueryReference(initialQueryReferenceInternal);

package/relay-hooks/useRefetchableFragment.js.flow

@@ -11,7 +11,7 @@
 
 'use strict';
 
-import type {Options} from './legacy/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('./legacy/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;