react-relay 11.0.0 → 13.0.0-rc.0

package/lib/relay-hooks/preloadQuery_DEPRECATED.js

@@ -15,18 +15,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var invariant = require("fbjs/lib/invariant");
-
 var _require = require('relay-runtime'),
-    createOperationDescriptor = _require.createOperationDescriptor,
-    Environment = _require.Environment,
-    getRequest = _require.getRequest,
-    getRequestIdentifier = _require.getRequestIdentifier,
     Observable = _require.Observable,
     PreloadableQueryRegistry = _require.PreloadableQueryRegistry,
-    ReplaySubject = _require.ReplaySubject;
+    RelayFeatureFlags = _require.RelayFeatureFlags,
+    ReplaySubject = _require.ReplaySubject,
+    createOperationDescriptor = _require.createOperationDescriptor,
+    getRequest = _require.getRequest,
+    getRequestIdentifier = _require.getRequestIdentifier; // Expire results by this delay after they resolve.
+
 
-// Expire results by this delay after they resolve.
 var DEFAULT_PREFETCH_TIMEOUT = 30 * 1000; // 30 seconds
 
 var WEAKMAP_SUPPORTED = typeof WeakMap === 'function';
@@ -34,8 +32,6 @@ var STORE_OR_NETWORK_DEFAULT = 'store-or-network';
 var pendingQueriesByEnvironment = WEAKMAP_SUPPORTED ? new WeakMap() : new Map();
 
 function preloadQuery(environment, preloadableRequest, variables, options, environmentProviderOptions) {
-  !(environment instanceof Environment) ? process.env.NODE_ENV !== "production" ? invariant(false, 'preloadQuery(): Expected a RelayModernEnvironment') : invariant(false) : void 0;
-
   var _pendingQueries = pendingQueriesByEnvironment.get(environment);
 
   if (_pendingQueries == null) {
@@ -63,7 +59,22 @@ function preloadQuery(environment, preloadableRequest, variables, options, envir
       var _subscription;
 
       (_subscription = subscription) === null || _subscription === void 0 ? void 0 : _subscription.unsubscribe();
-      cleanup(pendingQueries, queryEntry);
+
+      if (environment.isServer()) {
+        return;
+      }
+
+      if (RelayFeatureFlags.DELAY_CLEANUP_OF_PENDING_PRELOAD_QUERIES === true) {
+        setTimeout(function () {
+          // Clear the cache entry after the default timeout
+          // null-check for Flow
+          if (queryEntry != null) {
+            cleanup(pendingQueries, queryEntry);
+          }
+        }, DEFAULT_PREFETCH_TIMEOUT);
+      } else {
+        cleanup(pendingQueries, queryEntry);
+      }
     };
   }) : null;
   return {
@@ -178,11 +189,9 @@ function preloadQueryDeduped(environment, pendingQueries, preloadableRequest, va
     };
   } else {
     nextQueryEntry = prevQueryEntry;
-  } // $FlowFixMe[incompatible-call]
-
-
-  pendingQueries.set(cacheKey, nextQueryEntry); // $FlowFixMe[incompatible-return]
+  }
 
+  pendingQueries.set(cacheKey, nextQueryEntry);
   return nextQueryEntry;
 }
 

package/lib/relay-hooks/useBlockingPaginationFragment.js

@@ -17,16 +17,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var getPaginationMetadata = require('./getPaginationMetadata');
-
-var invariant = require("fbjs/lib/invariant");
-
 var useLoadMoreFunction = require('./useLoadMoreFunction');
 
 var useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
 
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 
+var invariant = require('invariant');
+
 var _require = require('react'),
     useCallback = _require.useCallback,
     useEffect = _require.useEffect,
@@ -35,7 +33,8 @@ var _require = require('react'),
 
 var _require2 = require('relay-runtime'),
     getFragment = _require2.getFragment,
-    getFragmentIdentifier = _require2.getFragmentIdentifier;
+    getFragmentIdentifier = _require2.getFragmentIdentifier,
+    getPaginationMetadata = _require2.getPaginationMetadata;
 
 function useBlockingPaginationFragment(fragmentInput, parentFragmentRef) {
   var componentDisplayName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'useBlockingPaginationFragment()';

package/lib/relay-hooks/useEntryPointLoader.js

@@ -17,11 +17,11 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 
 var loadEntryPoint = require('./loadEntryPoint');
 
-var useIsMountedRef = require('./useIsMountedRef');
-
 var _require = require('./loadQuery'),
     useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 
+var useIsMountedRef = require('./useIsMountedRef');
+
 var _require2 = require('react'),
     useCallback = _require2.useCallback,
     useEffect = _require2.useEffect,

package/lib/relay-hooks/useFetchTrackingRef.js

@@ -15,7 +15,6 @@ var _require = require('react'),
     useCallback = _require.useCallback,
     useEffect = _require.useEffect,
     useRef = _require.useRef;
-
 /**
  * This hook returns a mutable React ref that holds the value of whether a
  * fetch request is in flight. The reason this is a mutable ref instead of
@@ -28,6 +27,8 @@ var _require = require('react'),
  * The additional functions returned by this Hook can be used to mutate
  * the ref.
  */
+
+
 function useFetchTrackingRef() {
   var subscriptionRef = useRef(null);
   var isFetchingRef = useRef(false);

package/lib/relay-hooks/useFragment.js

@@ -11,27 +11,28 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
+var _require = require('./loadQuery'),
+    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
+
 var useFragmentNode = require('./useFragmentNode');
 
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
 
-var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
 var _require2 = require('react'),
     useDebugValue = _require2.useDebugValue;
 
 var _require3 = require('relay-runtime'),
-    getFragment = _require3.getFragment;
+    getFragment = _require3.getFragment; // if the key is non-nullable, return non-nullable value
+
 
-function useFragment(fragmentInput, fragmentRef) {
+function useFragment(fragment, key) {
   // We need to use this hook in order to be able to track if
   // loadQuery was called during render
   useTrackLoadQueryInRender();
-  var fragmentNode = getFragment(fragmentInput);
+  var fragmentNode = getFragment(fragment);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useFragment()');
 
-  var _useFragmentNode = useFragmentNode(fragmentNode, fragmentRef, 'useFragment()'),
+  var _useFragmentNode = useFragmentNode(fragmentNode, key, 'useFragment()'),
       data = _useFragmentNode.data;
 
   if (process.env.NODE_ENV !== "production") {

package/lib/relay-hooks/useFragmentNode.js

@@ -11,13 +11,11 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var useRelayEnvironment = require('./useRelayEnvironment');
-
-var warning = require("fbjs/lib/warning");
-
 var _require = require('./FragmentResource'),
     getFragmentResourceForEnvironment = _require.getFragmentResourceForEnvironment;
 
+var useRelayEnvironment = require('./useRelayEnvironment');
+
 var _require2 = require('react'),
     useEffect = _require2.useEffect,
     useRef = _require2.useRef,
@@ -26,6 +24,8 @@ var _require2 = require('react'),
 var _require3 = require('relay-runtime'),
     getFragmentIdentifier = _require3.getFragmentIdentifier;
 
+var warning = require("fbjs/lib/warning");
+
 function useFragmentNode(fragmentNode, fragmentRef, componentDisplayName) {
   var environment = useRelayEnvironment();
   var FragmentResource = getFragmentResourceForEnvironment(environment);

package/lib/relay-hooks/useIsOperationNodeActive.js

@@ -10,11 +10,11 @@
  */
 'use strict';
 
-var React = require('react');
+var useRelayEnvironment = require('./useRelayEnvironment');
 
-var invariant = require("fbjs/lib/invariant");
+var invariant = require('invariant');
 
-var useRelayEnvironment = require('./useRelayEnvironment');
+var React = require('react');
 
 var _require = require('relay-runtime'),
     getObservableForActiveRequest = _require.__internal.getObservableForActiveRequest,

package/lib/relay-hooks/useLazyLoadQuery.js

@@ -11,15 +11,15 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
+var _require = require('./loadQuery'),
+    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
+
 var useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 
 var useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
-var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
 var _require2 = require('relay-runtime'),
     fetchQuery = _require2.__internal.fetchQuery;
 

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -13,7 +13,9 @@
 
 var ProfilerContext = require('./ProfilerContext');
 
-var React = require('react');
+var _require = require('./QueryResource'),
+    getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
+    getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
 
 var useFetchTrackingRef = require('./useFetchTrackingRef');
 
@@ -21,9 +23,7 @@ var useFragmentNode = require('./useFragmentNode');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
-var _require = require('./QueryResource'),
-    getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment,
-    getQueryCacheIdentifier = _require.getQueryCacheIdentifier;
+var React = require('react');
 
 var useContext = React.useContext,
     useEffect = React.useEffect,
@@ -96,6 +96,12 @@ function useLazyLoadQueryNode(_ref) {
     // 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
+  });
   var fragmentNode = preparedQueryResult.fragmentNode,
       fragmentRef = preparedQueryResult.fragmentRef;
 

package/lib/relay-hooks/useLoadMoreFunction.js

@@ -15,12 +15,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var getPaginationVariables = require('./getPaginationVariables');
-
-var getValueAtPath = require('./getValueAtPath');
-
-var invariant = require("fbjs/lib/invariant");
-
 var useFetchTrackingRef = require('./useFetchTrackingRef');
 
 var useIsMountedRef = require('./useIsMountedRef');
@@ -29,7 +23,7 @@ var useIsOperationNodeActive = require('./useIsOperationNodeActive');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
-var warning = require("fbjs/lib/warning");
+var invariant = require('invariant');
 
 var _require = require('react'),
     useCallback = _require.useCallback,
@@ -40,7 +34,11 @@ var _require2 = require('relay-runtime'),
     ConnectionInterface = _require2.ConnectionInterface,
     fetchQuery = _require2.__internal.fetchQuery,
     createOperationDescriptor = _require2.createOperationDescriptor,
-    getSelector = _require2.getSelector;
+    getPaginationVariables = _require2.getPaginationVariables,
+    getSelector = _require2.getSelector,
+    getValueAtPath = _require2.getValueAtPath;
+
+var warning = require("fbjs/lib/warning");
 
 function useLoadMoreFunction(args) {
   var direction = args.direction,

package/lib/relay-hooks/useMemoOperationDescriptor.js

@@ -11,10 +11,10 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var React = require('react');
-
 var useMemoVariables = require('./useMemoVariables');
 
+var React = require('react');
+
 var _require = require('relay-runtime'),
     createOperationDescriptor = _require.createOperationDescriptor,
     getRequest = _require.getRequest;

package/lib/relay-hooks/useMemoVariables.js

@@ -11,10 +11,10 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var React = require('react');
-
 var areEqual = require("fbjs/lib/areEqual");
 
+var React = require('react');
+
 var useMemo = React.useMemo,
     useRef = React.useRef,
     useState = React.useState;

package/lib/relay-hooks/useMutation.js

@@ -15,10 +15,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var React = require('react');
+var useIsMountedRef = require('./useIsMountedRef');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
+var React = require('react');
+
 var _require = require('relay-runtime'),
     defaultCommitMutation = _require.commitMutation;
 
@@ -27,8 +29,6 @@ var useState = React.useState,
     useRef = React.useRef,
     useCallback = React.useCallback;
 
-var useIsMountedRef = require('./useIsMountedRef');
-
 function useMutation(mutation) {
   var commitMutationFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultCommitMutation;
   var environment = useRelayEnvironment();
@@ -66,16 +66,27 @@ function useMutation(mutation) {
     var disposable = commitMutationFn(environment, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, config), {}, {
       mutation: mutation,
       onCompleted: function onCompleted(response, errors) {
+        var _config$onCompleted;
+
         cleanup(disposable);
-        config.onCompleted && config.onCompleted(response, errors);
+        (_config$onCompleted = config.onCompleted) === null || _config$onCompleted === void 0 ? void 0 : _config$onCompleted.call(config, response, errors);
       },
       onError: function onError(error) {
+        var _config$onError;
+
         cleanup(disposable);
-        config.onError && config.onError(error);
+        (_config$onError = config.onError) === null || _config$onError === void 0 ? void 0 : _config$onError.call(config, error);
       },
       onUnsubscribe: function onUnsubscribe() {
+        var _config$onUnsubscribe;
+
         cleanup(disposable);
-        config.onUnsubscribe && config.onUnsubscribe();
+        (_config$onUnsubscribe = config.onUnsubscribe) === null || _config$onUnsubscribe === void 0 ? void 0 : _config$onUnsubscribe.call(config);
+      },
+      onNext: function onNext() {
+        var _config$onNext;
+
+        (_config$onNext = config.onNext) === null || _config$onNext === void 0 ? void 0 : _config$onNext.call(config);
       }
     }));
     inFlightMutationsRef.current.add(disposable);

package/lib/relay-hooks/usePaginationFragment.js

@@ -15,8 +15,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var getPaginationMetadata = require('./getPaginationMetadata');
-
 var useLoadMoreFunction = require('./useLoadMoreFunction');
 
 var useRefetchableFragmentNode = require('./useRefetchableFragmentNode');
@@ -30,7 +28,8 @@ var _require = require('react'),
 
 var _require2 = require('relay-runtime'),
     getFragment = _require2.getFragment,
-    getFragmentIdentifier = _require2.getFragmentIdentifier;
+    getFragmentIdentifier = _require2.getFragmentIdentifier,
+    getPaginationMetadata = _require2.getPaginationMetadata;
 
 function usePaginationFragment(fragmentInput, parentFragmentRef) {
   var fragmentNode = getFragment(fragmentInput);

package/lib/relay-hooks/usePreloadedQuery.js

@@ -11,7 +11,8 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var invariant = require("fbjs/lib/invariant");
+var _require = require('./loadQuery'),
+    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 
 var useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
 
@@ -19,10 +20,7 @@ var useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
-var warning = require("fbjs/lib/warning");
-
-var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
+var invariant = require('invariant');
 
 var _require2 = require('react'),
     useDebugValue = _require2.useDebugValue;
@@ -32,6 +30,8 @@ var _require3 = require('relay-runtime'),
     fetchQueryDeduped = _require3$__internal.fetchQueryDeduped,
     fetchQuery = _require3$__internal.fetchQuery;
 
+var warning = require("fbjs/lib/warning");
+
 function usePreloadedQuery(gqlQuery, preloadedQuery, options) {
   // We need to use this hook in order to be able to track if
   // loadQuery was called during render
@@ -40,8 +40,9 @@ function usePreloadedQuery(gqlQuery, preloadedQuery, options) {
   var fetchKey = preloadedQuery.fetchKey,
       fetchPolicy = preloadedQuery.fetchPolicy,
       source = preloadedQuery.source,
-      variables = preloadedQuery.variables;
-  var operation = useMemoOperationDescriptor(gqlQuery, variables);
+      variables = preloadedQuery.variables,
+      networkCacheConfig = preloadedQuery.networkCacheConfig;
+  var operation = useMemoOperationDescriptor(gqlQuery, variables, networkCacheConfig);
   var useLazyLoadQueryNodeParams;
 
   if (preloadedQuery.kind === 'PreloadedQuery_DEPRECATED') {

package/lib/relay-hooks/useQueryLoader.js

@@ -15,24 +15,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 
-var useIsMountedRef = require('./useIsMountedRef');
-
-var useRelayEnvironment = require('./useRelayEnvironment');
-
 var _require = require('./loadQuery'),
     loadQuery = _require.loadQuery,
     useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 
+var useIsMountedRef = require('./useIsMountedRef');
+
+var useRelayEnvironment = require('./useRelayEnvironment');
+
 var _require2 = require('react'),
     useCallback = _require2.useCallback,
     useEffect = _require2.useEffect,
     useRef = _require2.useRef,
     useState = _require2.useState;
 
+var _require3 = require('relay-runtime'),
+    getRequest = _require3.getRequest;
+
 var initialNullQueryReferenceState = {
   kind: 'NullQueryReference'
 };
 
+function requestIsLiveQuery(preloadableRequest) {
+  if (preloadableRequest.kind === 'PreloadableConcreteRequest') {
+    return preloadableRequest.params.metadata.live !== undefined;
+  }
+
+  var request = getRequest(preloadableRequest);
+  return request.params.metadata.live !== undefined;
+}
+
 function useQueryLoader(preloadableRequest, initialQueryReference) {
   /**
    * We want to always call `queryReference.dispose()` for every call to
@@ -175,7 +187,11 @@ function useQueryLoader(preloadableRequest, initialQueryReference) {
           undisposedQueryReferences["delete"](undisposedQueryReference);
 
           if (undisposedQueryReference.kind !== 'NullQueryReference') {
-            undisposedQueryReference.dispose && undisposedQueryReference.dispose();
+            if (requestIsLiveQuery(preloadableRequest)) {
+              undisposedQueryReference.dispose && undisposedQueryReference.dispose();
+            } else {
+              undisposedQueryReference.releaseQuery && undisposedQueryReference.releaseQuery();
+            }
           }
         }
       } catch (err) {
@@ -184,7 +200,7 @@ function useQueryLoader(preloadableRequest, initialQueryReference) {
         _iterator.f();
       }
     }
-  }, [queryReference, isMountedRef, queryLoaderCallback]);
+  }, [queryReference, isMountedRef, queryLoaderCallback, preloadableRequest]);
   useEffect(function () {
     return function disposeAllRemainingQueryReferences() {
       // undisposedQueryReferences.current is never reassigned
@@ -194,10 +210,14 @@ function useQueryLoader(preloadableRequest, initialQueryReference) {
 
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var unhandledStateChange = _step2.value;
+          var undisposedQueryReference = _step2.value;
 
-          if (unhandledStateChange.kind !== 'NullQueryReference') {
-            unhandledStateChange.dispose && unhandledStateChange.dispose();
+          if (undisposedQueryReference.kind !== 'NullQueryReference') {
+            if (requestIsLiveQuery(preloadableRequest)) {
+              undisposedQueryReference.dispose && undisposedQueryReference.dispose();
+            } else {
+              undisposedQueryReference.releaseQuery && undisposedQueryReference.releaseQuery();
+            }
           }
         }
       } catch (err) {
@@ -206,7 +226,7 @@ function useQueryLoader(preloadableRequest, initialQueryReference) {
         _iterator2.f();
       }
     };
-  }, []);
+  }, [preloadableRequest]);
   return [queryReference.kind === 'NullQueryReference' ? null : queryReference, queryLoaderCallback, disposeQuery];
 }
 

package/lib/relay-hooks/useRefetchableFragmentNode.js

@@ -15,13 +15,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var ProfilerContext = require('./ProfilerContext');
-
-var getRefetchMetadata = require('./getRefetchMetadata');
+var _require = require('./FragmentResource'),
+    getFragmentResourceForEnvironment = _require.getFragmentResourceForEnvironment;
 
-var getValueAtPath = require('./getValueAtPath');
+var ProfilerContext = require('./ProfilerContext');
 
-var invariant = require("fbjs/lib/invariant");
+var _require2 = require('./QueryResource'),
+    getQueryResourceForEnvironment = _require2.getQueryResourceForEnvironment;
 
 var useFragmentNode = require('./useFragmentNode');
 
@@ -31,13 +31,7 @@ var useQueryLoader = require('./useQueryLoader');
 
 var useRelayEnvironment = require('./useRelayEnvironment');
 
-var warning = require("fbjs/lib/warning");
-
-var _require = require('./FragmentResource'),
-    getFragmentResourceForEnvironment = _require.getFragmentResourceForEnvironment;
-
-var _require2 = require('./QueryResource'),
-    getQueryResourceForEnvironment = _require2.getQueryResourceForEnvironment;
+var invariant = require('invariant');
 
 var _require3 = require('react'),
     useCallback = _require3.useCallback,
@@ -48,7 +42,11 @@ var _require4 = require('relay-runtime'),
     fetchQuery = _require4.__internal.fetchQuery,
     createOperationDescriptor = _require4.createOperationDescriptor,
     getFragmentIdentifier = _require4.getFragmentIdentifier,
-    getSelector = _require4.getSelector;
+    getRefetchMetadata = _require4.getRefetchMetadata,
+    getSelector = _require4.getSelector,
+    getValueAtPath = _require4.getValueAtPath;
+
+var warning = require("fbjs/lib/warning");
 
 function reducer(state, action) {
   switch (action.type) {
@@ -311,7 +309,7 @@ function useRefetchFunction(componentDisplayName, dispatch, disposeQuery, fragme
   //   - fragmentNode and parentFragmentRef are also captured by including
   //     fragmentIdentifier
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [fragmentIdentifier, dispatch, disposeQuery, identifierValue]);
+  [fragmentIdentifier, dispatch, disposeQuery, identifierValue, loadQuery]);
 }
 
 var debugFunctions;

package/lib/relay-hooks/useRelayEnvironment.js

@@ -11,13 +11,13 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var ReactRelayContext = require('react-relay/ReactRelayContext');
-
-var invariant = require("fbjs/lib/invariant");
+var invariant = require('invariant');
 
 var _require = require('react'),
     useContext = _require.useContext;
 
+var ReactRelayContext = require('react-relay/ReactRelayContext');
+
 function useRelayEnvironment() {
   var context = useContext(ReactRelayContext);
   !(context != null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'useRelayEnvironment: Expected to have found a Relay environment provided by ' + 'a `RelayEnvironmentProvider` component. ' + 'This usually means that useRelayEnvironment was used in a ' + 'component that is not a descendant of a `RelayEnvironmentProvider`. ' + 'Please make sure a `RelayEnvironmentProvider` has been rendered somewhere ' + 'as a parent or ancestor of your component.') : invariant(false) : void 0;

package/lib/relay-hooks/useStaticFragmentNodeWarning.js

@@ -11,11 +11,11 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var warning = require("fbjs/lib/warning");
-
 var _require = require('react'),
     useRef = _require.useRef;
 
+var warning = require("fbjs/lib/warning");
+
 function useStaticFragmentNodeWarning(fragmentNode, warningContext) {
   if (process.env.NODE_ENV !== "production") {
     // This is calling `useRef` conditionally, but based on the environment

package/lib/relay-hooks/useSubscribeToInvalidationState.js

@@ -16,7 +16,6 @@ var useRelayEnvironment = require('./useRelayEnvironment');
 var _require = require('react'),
     useEffect = _require.useEffect,
     useRef = _require.useRef;
-
 /**
  * This hook subscribes a callback to the invalidation state of the given data
  * ids.
@@ -26,6 +25,8 @@ var _require = require('react'),
  * re-established and the previous one will be disposed.
  * The subscription will automatically be disposed on unmount
  */
+
+
 function useSubscribeToInvalidationState(dataIDs, callback) {
   var environment = useRelayEnvironment();
   var disposableRef = useRef(null);