react-relay 14.1.0 → 15.0.0

package/lib/relay-hooks/useBlockingPaginationFragment.js

@@ -4,99 +4,86 @@
  * 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
+ * @oncall relay
  */
+
 'use strict';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _excluded = ["disableStoreUpdates", "enableStoreUpdates"];
-
 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,
-    useRef = _require.useRef,
-    useState = _require.useState;
-
+  useCallback = _require.useCallback,
+  useEffect = _require.useEffect,
+  useRef = _require.useRef,
+  useState = _require.useState;
 var _require2 = require('relay-runtime'),
-    getFragment = _require2.getFragment,
-    getFragmentIdentifier = _require2.getFragmentIdentifier,
-    getPaginationMetadata = _require2.getPaginationMetadata;
-
+  getFragment = _require2.getFragment,
+  getFragmentIdentifier = _require2.getFragmentIdentifier,
+  getPaginationMetadata = _require2.getPaginationMetadata;
 function useBlockingPaginationFragment(fragmentInput, parentFragmentRef) {
   var componentDisplayName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'useBlockingPaginationFragment()';
   var fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(fragmentNode, "first argument of ".concat(componentDisplayName));
-
   var _getPaginationMetadat = getPaginationMetadata(fragmentNode, componentDisplayName),
-      connectionPathInFragmentData = _getPaginationMetadat.connectionPathInFragmentData,
-      identifierField = _getPaginationMetadat.identifierField,
-      paginationRequest = _getPaginationMetadat.paginationRequest,
-      paginationMetadata = _getPaginationMetadat.paginationMetadata,
-      stream = _getPaginationMetadat.stream;
-
+    connectionPathInFragmentData = _getPaginationMetadat.connectionPathInFragmentData,
+    identifierField = _getPaginationMetadat.identifierField,
+    paginationRequest = _getPaginationMetadat.paginationRequest,
+    paginationMetadata = _getPaginationMetadat.paginationMetadata,
+    stream = _getPaginationMetadat.stream;
   !(stream === false) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: @stream_connection is not compatible with `useBlockingPaginationFragment`. ' + 'Use `useStreamingPaginationFragment` instead.') : invariant(false) : void 0;
-
   var _useRefetchableFragme = useRefetchableFragmentNode(fragmentNode, parentFragmentRef, componentDisplayName),
-      fragmentData = _useRefetchableFragme.fragmentData,
-      fragmentRef = _useRefetchableFragme.fragmentRef,
-      refetch = _useRefetchableFragme.refetch,
-      disableStoreUpdates = _useRefetchableFragme.disableStoreUpdates,
-      enableStoreUpdates = _useRefetchableFragme.enableStoreUpdates;
-
-  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef); // Backward pagination
-
+    fragmentData = _useRefetchableFragme.fragmentData,
+    fragmentRef = _useRefetchableFragme.fragmentRef,
+    refetch = _useRefetchableFragme.refetch,
+    disableStoreUpdates = _useRefetchableFragme.disableStoreUpdates,
+    enableStoreUpdates = _useRefetchableFragme.enableStoreUpdates;
+  var fragmentIdentifier = getFragmentIdentifier(fragmentNode, fragmentRef);
+
+  // Backward pagination
   var _useLoadMore = useLoadMore({
-    componentDisplayName: componentDisplayName,
-    connectionPathInFragmentData: connectionPathInFragmentData,
-    direction: 'backward',
-    disableStoreUpdates: disableStoreUpdates,
-    enableStoreUpdates: enableStoreUpdates,
-    fragmentData: fragmentData,
-    fragmentIdentifier: fragmentIdentifier,
-    fragmentNode: fragmentNode,
-    fragmentRef: fragmentRef,
-    identifierField: identifierField,
-    paginationMetadata: paginationMetadata,
-    paginationRequest: paginationRequest
-  }),
-      loadPrevious = _useLoadMore[0],
-      hasPrevious = _useLoadMore[1],
-      disposeFetchPrevious = _useLoadMore[2]; // Forward pagination
-
-
+      componentDisplayName: componentDisplayName,
+      connectionPathInFragmentData: connectionPathInFragmentData,
+      direction: 'backward',
+      disableStoreUpdates: disableStoreUpdates,
+      enableStoreUpdates: enableStoreUpdates,
+      fragmentData: fragmentData,
+      fragmentIdentifier: fragmentIdentifier,
+      fragmentNode: fragmentNode,
+      fragmentRef: fragmentRef,
+      identifierField: identifierField,
+      paginationMetadata: paginationMetadata,
+      paginationRequest: paginationRequest
+    }),
+    loadPrevious = _useLoadMore[0],
+    hasPrevious = _useLoadMore[1],
+    disposeFetchPrevious = _useLoadMore[2];
+
+  // Forward pagination
   var _useLoadMore2 = useLoadMore({
-    componentDisplayName: componentDisplayName,
-    connectionPathInFragmentData: connectionPathInFragmentData,
-    direction: 'forward',
-    disableStoreUpdates: disableStoreUpdates,
-    enableStoreUpdates: enableStoreUpdates,
-    fragmentData: fragmentData,
-    fragmentIdentifier: fragmentIdentifier,
-    fragmentNode: fragmentNode,
-    fragmentRef: fragmentRef,
-    identifierField: identifierField,
-    paginationMetadata: paginationMetadata,
-    paginationRequest: paginationRequest
-  }),
-      loadNext = _useLoadMore2[0],
-      hasNext = _useLoadMore2[1],
-      disposeFetchNext = _useLoadMore2[2];
-
+      componentDisplayName: componentDisplayName,
+      connectionPathInFragmentData: connectionPathInFragmentData,
+      direction: 'forward',
+      disableStoreUpdates: disableStoreUpdates,
+      enableStoreUpdates: enableStoreUpdates,
+      fragmentData: fragmentData,
+      fragmentIdentifier: fragmentIdentifier,
+      fragmentNode: fragmentNode,
+      fragmentRef: fragmentRef,
+      identifierField: identifierField,
+      paginationMetadata: paginationMetadata,
+      paginationRequest: paginationRequest
+    }),
+    loadNext = _useLoadMore2[0],
+    hasNext = _useLoadMore2[1],
+    disposeFetchNext = _useLoadMore2[2];
   var refetchPagination = useCallback(function (variables, options) {
     disposeFetchNext();
     disposeFetchPrevious();
@@ -105,6 +92,7 @@ function useBlockingPaginationFragment(fragmentInput, parentFragmentRef) {
     }));
   }, [disposeFetchNext, disposeFetchPrevious, refetch]);
   return {
+    // $FlowFixMe[incompatible-cast]
     data: fragmentData,
     loadNext: loadNext,
     loadPrevious: loadPrevious,
@@ -113,30 +101,24 @@ function useBlockingPaginationFragment(fragmentInput, parentFragmentRef) {
     refetch: refetchPagination
   };
 }
-
 function useLoadMore(args) {
   var disableStoreUpdates = args.disableStoreUpdates,
-      enableStoreUpdates = args.enableStoreUpdates,
-      loadMoreArgs = (0, _objectWithoutPropertiesLoose2["default"])(args, _excluded);
-
+    enableStoreUpdates = args.enableStoreUpdates,
+    loadMoreArgs = (0, _objectWithoutPropertiesLoose2["default"])(args, _excluded);
   var _useState = useState(null),
-      requestPromise = _useState[0],
-      setRequestPromise = _useState[1];
-
+    requestPromise = _useState[0],
+    setRequestPromise = _useState[1];
   var requestPromiseRef = useRef(null);
   var promiseResolveRef = useRef(null);
-
   var promiseResolve = function promiseResolve() {
     if (promiseResolveRef.current != null) {
       promiseResolveRef.current();
       promiseResolveRef.current = null;
     }
   };
-
   var handleReset = function handleReset() {
     promiseResolve();
   };
-
   var observer = {
     complete: promiseResolve,
     // NOTE: loadMore is a no-op if a request is already in flight, so we
@@ -166,34 +148,31 @@ function useLoadMore(args) {
     // and blow away the whole list of items.
     error: promiseResolve
   };
-
   var _useLoadMoreFunction = useLoadMoreFunction((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, loadMoreArgs), {}, {
-    observer: observer,
-    onReset: handleReset
-  })),
-      loadMore = _useLoadMoreFunction[0],
-      hasMore = _useLoadMoreFunction[1],
-      disposeFetch = _useLoadMoreFunction[2]; // NOTE: To determine if we need to suspend, we check that the promise in
+      observer: observer,
+      onReset: handleReset
+    })),
+    loadMore = _useLoadMoreFunction[0],
+    hasMore = _useLoadMoreFunction[1],
+    disposeFetch = _useLoadMoreFunction[2];
+
+  // NOTE: To determine if we need to suspend, we check that the promise in
   // state is the same as the promise on the ref, which ensures that we
   // wont incorrectly suspend on other higher-pri updates before the update
   // to suspend has committed.
-
-
   if (requestPromise != null && requestPromise === requestPromiseRef.current) {
     throw requestPromise;
   }
-
   useEffect(function () {
     if (requestPromise !== requestPromiseRef.current) {
       // NOTE: After suspense pagination has resolved, we re-enable store updates
       // for this fragment. This may cause the component to re-render if
       // we missed any updates to the fragment data other than the pagination update.
       enableStoreUpdates();
-    } // NOTE: We know the identity of enableStoreUpdates wont change
+    }
+    // NOTE: We know the identity of enableStoreUpdates wont change
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, [requestPromise]);
   return [loadMore, hasMore, disposeFetch];
 }
-
 module.exports = useBlockingPaginationFragment;

package/lib/relay-hooks/useClientQuery.js

@@ -4,24 +4,22 @@
  * 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
+ * @oncall relay
  */
+
 'use strict';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var useLazyLoadQuery = require('./useLazyLoadQuery');
+
 /**
  * This hook can be used to render client-only queries.
  * These queries are consist of queries for client-only data,
  * schematized via local schema extensions and/or Relay resolvers.
  */
-
-
 function useClientQuery(gqlQuery, variables, options) {
   // $FlowFixMe[incompatible-type] client queries can be used with useLazyLoadQuery, but only with `store-only` policy.
   var query = gqlQuery;
@@ -29,5 +27,4 @@ function useClientQuery(gqlQuery, variables, options) {
     fetchPolicy: 'store-only'
   }));
 }
-
 module.exports = useClientQuery;

package/lib/relay-hooks/useEntryPointLoader.js

@@ -4,36 +4,29 @@
  * 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
+ * @oncall relay
  */
+
 'use strict';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 var loadEntryPoint = require('./loadEntryPoint');
-
 var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
+  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 var useIsMountedRef = require('./useIsMountedRef');
-
 var _require2 = require('react'),
-    useCallback = _require2.useCallback,
-    useEffect = _require2.useEffect,
-    useRef = _require2.useRef,
-    useState = _require2.useState;
-
+  useCallback = _require2.useCallback,
+  useEffect = _require2.useEffect,
+  useRef = _require2.useRef,
+  useState = _require2.useState;
 var initialNullEntryPointReferenceState = {
   kind: 'NullEntryPointReference'
 };
-
 function useLoadEntryPoint(environmentProvider, entryPoint, options) {
   var _options$TEST_ONLY__i, _options$TEST_ONLY__i2, _options$TEST_ONLY__i3, _options$TEST_ONLY__i4;
-
   /**
    * We want to always call `entryPointReference.dispose()` for every call to
    * `setEntryPointReference(loadEntryPoint(...))` so that no leaks of data in Relay
@@ -53,20 +46,18 @@ function useLoadEntryPoint(environmentProvider, entryPoint, options) {
    * Finally, when the hook unmounts, we also dispose of all remaining uncommitted
    * entry point references.
    */
+
   useTrackLoadQueryInRender();
   var initialEntryPointReferenceInternal = (_options$TEST_ONLY__i = options === null || options === void 0 ? void 0 : (_options$TEST_ONLY__i2 = options.TEST_ONLY__initialEntryPointData) === null || _options$TEST_ONLY__i2 === void 0 ? void 0 : _options$TEST_ONLY__i2.entryPointReference) !== null && _options$TEST_ONLY__i !== void 0 ? _options$TEST_ONLY__i : initialNullEntryPointReferenceState;
   var initialEntryPointParamsInternal = (_options$TEST_ONLY__i3 = options === null || options === void 0 ? void 0 : (_options$TEST_ONLY__i4 = options.TEST_ONLY__initialEntryPointData) === null || _options$TEST_ONLY__i4 === void 0 ? void 0 : _options$TEST_ONLY__i4.entryPointParams) !== null && _options$TEST_ONLY__i3 !== void 0 ? _options$TEST_ONLY__i3 : null;
   var isMountedRef = useIsMountedRef();
   var undisposedEntryPointReferencesRef = useRef(new Set([initialEntryPointReferenceInternal]));
-
   var _useState = useState(initialEntryPointReferenceInternal),
-      entryPointReference = _useState[0],
-      setEntryPointReference = _useState[1];
-
+    entryPointReference = _useState[0],
+    setEntryPointReference = _useState[1];
   var _useState2 = useState(initialEntryPointParamsInternal),
-      entryPointParams = _useState2[0],
-      setEntryPointParams = _useState2[1];
-
+    entryPointParams = _useState2[0],
+    setEntryPointParams = _useState2[1];
   var disposeEntryPoint = useCallback(function () {
     if (isMountedRef.current) {
       var nullEntryPointReference = {
@@ -109,13 +100,13 @@ function useLoadEntryPoint(environmentProvider, entryPoint, options) {
       // so that the entryPointReference's queries are correctly re-retained, and
       // potentially refetched if necessary.
       maybeHiddenOrFastRefresh.current = false;
-
       if (entryPointReference.kind !== 'NullEntryPointReference' && entryPointParams != null) {
         entryPointLoaderCallback(entryPointParams);
       }
-
       return;
-    } // When a new entryPointReference is committed, we iterate over all
+    }
+
+    // When a new entryPointReference is committed, we iterate over all
     // entrypoint refs in undisposedEntryPointReferences and dispose all of
     // the refs that aren't the currently committed one. This ensures
     // that we don't leave any dangling entrypoint references for the
@@ -134,24 +125,17 @@ function useLoadEntryPoint(environmentProvider, entryPoint, options) {
     // associated with commits that were initiated prior to the currently
     // committing state change. (A useEffect callback is called during the commit
     // phase.)
-
-
     var undisposedEntryPointReferences = undisposedEntryPointReferencesRef.current;
-
     if (isMountedRef.current) {
       var _iterator = (0, _createForOfIteratorHelper2["default"])(undisposedEntryPointReferences),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var undisposedEntryPointReference = _step.value;
-
           if (undisposedEntryPointReference === entryPointReference) {
             break;
           }
-
           undisposedEntryPointReferences["delete"](undisposedEntryPointReference);
-
           if (undisposedEntryPointReference.kind !== 'NullEntryPointReference') {
             undisposedEntryPointReference.dispose();
           }
@@ -168,12 +152,10 @@ function useLoadEntryPoint(environmentProvider, entryPoint, options) {
       // undisposedEntryPointReferences.current is never reassigned
       // eslint-disable-next-line react-hooks/exhaustive-deps
       var _iterator2 = (0, _createForOfIteratorHelper2["default"])(undisposedEntryPointReferencesRef.current),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var unhandledStateChange = _step2.value;
-
           if (unhandledStateChange.kind !== 'NullEntryPointReference') {
             unhandledStateChange.dispose();
           }
@@ -187,5 +169,4 @@ function useLoadEntryPoint(environmentProvider, entryPoint, options) {
   }, []);
   return [entryPointReference.kind === 'NullEntryPointReference' ? null : entryPointReference, entryPointLoaderCallback, disposeEntryPoint];
 }
-
 module.exports = useLoadEntryPoint;

package/lib/relay-hooks/useFetchTrackingRef.js

@@ -4,16 +4,18 @@
  * 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
+ * @oncall relay
  */
+
 'use strict';
 
+var useUnsafeRef_DEPRECATED = require('./useUnsafeRef_DEPRECATED');
 var _require = require('react'),
-    useCallback = _require.useCallback,
-    useEffect = _require.useEffect,
-    useRef = _require.useRef;
+  useCallback = _require.useCallback,
+  useEffect = _require.useEffect;
+
 /**
  * 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
@@ -26,17 +28,14 @@ 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);
+  var subscriptionRef = useUnsafeRef_DEPRECATED(null);
+  var isFetchingRef = useUnsafeRef_DEPRECATED(false);
   var disposeFetch = useCallback(function () {
     if (subscriptionRef.current != null) {
       subscriptionRef.current.unsubscribe();
       subscriptionRef.current = null;
     }
-
     isFetchingRef.current = false;
   }, []);
   var startFetch = useCallback(function (subscription) {
@@ -46,8 +45,9 @@ function useFetchTrackingRef() {
   var completeFetch = useCallback(function () {
     subscriptionRef.current = null;
     isFetchingRef.current = false;
-  }, []); // Dipose of ongoing fetch on unmount
+  }, []);
 
+  // Dipose of ongoing fetch on unmount
   useEffect(function () {
     return disposeFetch;
   }, [disposeFetch]);
@@ -58,5 +58,4 @@ function useFetchTrackingRef() {
     completeFetch: completeFetch
   };
 }
-
 module.exports = useFetchTrackingRef;

package/lib/relay-hooks/useFragment.js

@@ -4,37 +4,30 @@
  * 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
+ * @oncall relay
  */
+
 'use strict';
 
 var HooksImplementation = require('./HooksImplementation');
-
 var _require = require('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
+  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 var useFragmentNode = require('./useFragmentNode');
-
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
-
 var _require2 = require('react'),
-    useDebugValue = _require2.useDebugValue;
-
+  useDebugValue = _require2.useDebugValue;
 var _require3 = require('relay-runtime'),
-    getFragment = _require3.getFragment;
-
+  getFragment = _require3.getFragment;
 function useFragment_LEGACY(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(fragment);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useFragment()');
-
   var _useFragmentNode = useFragmentNode(fragmentNode, key, 'useFragment()'),
-      data = _useFragmentNode.data;
-
+    data = _useFragmentNode.data;
   if (process.env.NODE_ENV !== "production") {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useDebugValue({
@@ -42,20 +35,17 @@ function useFragment_LEGACY(fragment, key) {
       data: data
     });
   }
-
   return data;
 }
-
 function useFragment(fragment, key) {
   var impl = HooksImplementation.get();
-
   if (impl) {
     // $FlowFixMe This is safe because impl.useFragment has the type of useFragment...
-    return impl.useFragment(fragment, key); // (i.e. type declared above, but not the supertype used in this function definition)
+    return impl.useFragment(fragment, key);
+    // (i.e. type declared above, but not the supertype used in this function definition)
   } else {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     return useFragment_LEGACY(fragment, key);
   }
 }
-
 module.exports = useFragment;

package/lib/relay-hooks/useFragmentNode.js

@@ -4,71 +4,62 @@
  * 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
+ * @oncall relay
  */
+
 '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;
-
+  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);
 
+  // Read fragment data; this might suspend.
   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.
+    }
+
+    // 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
+  }
+
+  // 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);
@@ -79,11 +70,11 @@ function useFragmentNode(fragmentNode, fragmentRef, componentDisplayName) {
       // the Relay store
       isMountedRef.current = false;
       disposable.dispose();
-    }; // NOTE: We disable react-hooks-deps warning because environment and fragmentIdentifier
+    };
+    // 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 (fragmentRef != null && (fragmentResult.data === undefined || Array.isArray(fragmentResult.data) && fragmentResult.data.length > 0 && fragmentResult.data.every(function (data) {
       return data === undefined;
@@ -91,7 +82,6 @@ function useFragmentNode(fragmentNode, fragmentRef, componentDisplayName) {
       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,
@@ -99,5 +89,4 @@ function useFragmentNode(fragmentNode, fragmentRef, componentDisplayName) {
     enableStoreUpdates: enableStoreUpdates
   };
 }
-
 module.exports = useFragmentNode;