react-relay 14.1.0 → 15.0.0

package/lib/relay-hooks/useIsMountedRef.js

@@ -4,16 +4,16 @@
  * 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('react'),
-    useEffect = _require.useEffect,
-    useRef = _require.useRef;
-
+  useEffect = _require.useEffect,
+  useRef = _require.useRef;
 function useIsMountedRef() {
   var isMountedRef = useRef(true);
   useEffect(function () {
@@ -24,5 +24,4 @@ function useIsMountedRef() {
   }, []);
   return isMountedRef;
 }
-
 module.exports = useIsMountedRef;

package/lib/relay-hooks/useIsOperationNodeActive.js

@@ -4,58 +4,47 @@
  * 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 useRelayEnvironment = require('./useRelayEnvironment');
-
 var invariant = require('invariant');
-
 var React = require('react');
-
 var _require = require('relay-runtime'),
-    getObservableForActiveRequest = _require.__internal.getObservableForActiveRequest,
-    getSelector = _require.getSelector;
-
+  getObservableForActiveRequest = _require.__internal.getObservableForActiveRequest,
+  getSelector = _require.getSelector;
 var useEffect = React.useEffect,
-    useState = React.useState,
-    useMemo = React.useMemo;
-
+  useState = React.useState,
+  useMemo = React.useMemo;
 function useIsOperationNodeActive(fragmentNode, fragmentRef) {
   var environment = useRelayEnvironment();
   var observable = useMemo(function () {
     var selector = getSelector(fragmentNode, fragmentRef);
-
     if (selector == null) {
       return null;
     }
-
     !(selector.kind === 'SingularReaderSelector') ? process.env.NODE_ENV !== "production" ? invariant(false, 'useIsOperationNodeActive: Plural fragments are not supported.') : invariant(false) : void 0;
     return getObservableForActiveRequest(environment, selector.owner);
   }, [environment, fragmentNode, fragmentRef]);
-
   var _useState = useState(observable != null),
-      isActive = _useState[0],
-      setIsActive = _useState[1];
-
+    isActive = _useState[0],
+    setIsActive = _useState[1];
   useEffect(function () {
     var subscription;
     setIsActive(observable != null);
-
     if (observable != null) {
       var onCompleteOrError = function onCompleteOrError() {
         setIsActive(false);
       };
-
       subscription = observable.subscribe({
         complete: onCompleteOrError,
         error: onCompleteOrError
       });
     }
-
     return function () {
       if (subscription) {
         subscription.unsubscribe();
@@ -64,5 +53,4 @@ function useIsOperationNodeActive(fragmentNode, fragmentRef) {
   }, [observable]);
   return isActive;
 }
-
 module.exports = useIsOperationNodeActive;

package/lib/relay-hooks/useIsParentQueryActive.js

@@ -4,23 +4,20 @@
  * 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 useIsOperationNodeActive = require('./useIsOperationNodeActive');
-
 var useStaticFragmentNodeWarning = require('./useStaticFragmentNodeWarning');
-
 var _require = require('relay-runtime'),
-    getFragment = _require.getFragment;
-
+  getFragment = _require.getFragment;
 function useIsParentQueryActive(fragmentInput, fragmentRef) {
   var fragmentNode = getFragment(fragmentInput);
   useStaticFragmentNodeWarning(fragmentNode, 'first argument of useIsParentQueryActive()');
   return useIsOperationNodeActive(fragmentNode, fragmentRef);
 }
-
 module.exports = useIsParentQueryActive;

package/lib/relay-hooks/useLazyLoadQuery.js

@@ -4,27 +4,25 @@
  * 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('./loadQuery'),
-    useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
-
+  useTrackLoadQueryInRender = _require.useTrackLoadQueryInRender;
 var useLazyLoadQueryNode = require('./useLazyLoadQueryNode');
-
 var useMemoOperationDescriptor = require('./useMemoOperationDescriptor');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var _require2 = require('relay-runtime'),
-    fetchQuery = _require2.__internal.fetchQuery; // This separate type export is only needed as long as we are injecting
+  fetchQuery = _require2.__internal.fetchQuery;
+
+// This separate type export is only needed as long as we are injecting
 // a separate hooks implementation in ./HooksImplementation -- it can
 // be removed after we stop doing that.
 
-
 function useLazyLoadQuery(gqlQuery, variables, options) {
   // We need to use this hook in order to be able to track if
   // loadQuery was called during render
@@ -43,5 +41,4 @@ function useLazyLoadQuery(gqlQuery, variables, options) {
   });
   return data;
 }
-
 module.exports = useLazyLoadQuery;

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -4,50 +4,41 @@
  * 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 ProfilerContext = require('./ProfilerContext');
-
 var _require = require('./QueryResource'),
-    getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
-    getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
-
+  getQueryCacheIdentifier = _require.getQueryCacheIdentifier,
+  getQueryResourceForEnvironment = _require.getQueryResourceForEnvironment;
 var useFetchTrackingRef = require('./useFetchTrackingRef');
-
 var useFragmentNode = require('./useFragmentNode');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var React = require('react');
-
 var useContext = React.useContext,
-    useEffect = React.useEffect,
-    useState = React.useState,
-    useRef = React.useRef;
-
+  useEffect = React.useEffect,
+  useState = React.useState,
+  useRef = React.useRef;
 function useLazyLoadQueryNode(_ref) {
   var query = _ref.query,
-      componentDisplayName = _ref.componentDisplayName,
-      fetchObservable = _ref.fetchObservable,
-      fetchPolicy = _ref.fetchPolicy,
-      fetchKey = _ref.fetchKey,
-      renderPolicy = _ref.renderPolicy;
+    componentDisplayName = _ref.componentDisplayName,
+    fetchObservable = _ref.fetchObservable,
+    fetchPolicy = _ref.fetchPolicy,
+    fetchKey = _ref.fetchKey,
+    renderPolicy = _ref.renderPolicy;
   var environment = useRelayEnvironment();
   var profilerContext = useContext(ProfilerContext);
   var QueryResource = getQueryResourceForEnvironment(environment);
-
   var _useState = useState(0),
-      forceUpdateKey = _useState[0],
-      forceUpdate = _useState[1];
-
+    forceUpdateKey = _useState[0],
+    forceUpdate = _useState[1];
   var _useFetchTrackingRef = useFetchTrackingRef(),
-      startFetch = _useFetchTrackingRef.startFetch,
-      completeFetch = _useFetchTrackingRef.completeFetch;
-
+    startFetch = _useFetchTrackingRef.startFetch,
+    completeFetch = _useFetchTrackingRef.completeFetch;
   var cacheBreaker = "".concat(forceUpdateKey, "-").concat(fetchKey !== null && fetchKey !== void 0 ? fetchKey : '');
   var cacheIdentifier = getQueryCacheIdentifier(environment, query, fetchPolicy, renderPolicy, cacheBreaker);
   var preparedQueryResult = profilerContext.wrapPrepareQueryResource(function () {
@@ -86,11 +77,11 @@ function useLazyLoadQueryNode(_ref) {
       });
       return;
     }
-
     var disposable = QueryResource.retain(preparedQueryResult, profilerContext);
     return function () {
       disposable.dispose();
-    }; // NOTE: We disable react-hooks-deps warning because the `environment`
+    };
+    // NOTE: We disable react-hooks-deps warning because the `environment`
     // and `cacheIdentifier` identities are capturing all information about whether
     // the effect should be re-executed and the query re-retained.
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -99,15 +90,14 @@ function useLazyLoadQueryNode(_ref) {
     // Release any temporary retain that's not released. At this point, if the
     // cacheIdentifier doesn't change, the query is still permanently retained,
     // and the temporary retain is redundant.
-    QueryResource.releaseTemporaryRetain(preparedQueryResult); // This effect is intended to run on every commit, thus no dependency
+    QueryResource.releaseTemporaryRetain(preparedQueryResult);
+    // This effect is intended to run on every commit, thus no dependency
   });
-  var fragmentNode = preparedQueryResult.fragmentNode,
-      fragmentRef = preparedQueryResult.fragmentRef;
 
+  var fragmentNode = preparedQueryResult.fragmentNode,
+    fragmentRef = preparedQueryResult.fragmentRef;
   var _useFragmentNode = useFragmentNode(fragmentNode, fragmentRef, componentDisplayName),
-      data = _useFragmentNode.data;
-
+    data = _useFragmentNode.data;
   return data;
 }
-
 module.exports = useLazyLoadQueryNode;

package/lib/relay-hooks/useLoadMoreFunction.js

@@ -4,88 +4,72 @@
  * 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 useFetchTrackingRef = require('./useFetchTrackingRef');
-
 var useIsMountedRef = require('./useIsMountedRef');
-
 var useIsOperationNodeActive = require('./useIsOperationNodeActive');
-
 var useRelayEnvironment = require('./useRelayEnvironment');
-
 var invariant = require('invariant');
-
 var _require = require('react'),
-    useCallback = _require.useCallback,
-    useEffect = _require.useEffect,
-    useState = _require.useState;
-
+  useCallback = _require.useCallback,
+  useEffect = _require.useEffect,
+  useState = _require.useState;
 var _require2 = require('relay-runtime'),
-    ConnectionInterface = _require2.ConnectionInterface,
-    fetchQuery = _require2.__internal.fetchQuery,
-    createOperationDescriptor = _require2.createOperationDescriptor,
-    getPaginationVariables = _require2.getPaginationVariables,
-    getSelector = _require2.getSelector,
-    getValueAtPath = _require2.getValueAtPath;
-
+  fetchQuery = _require2.__internal.fetchQuery,
+  ConnectionInterface = _require2.ConnectionInterface,
+  createOperationDescriptor = _require2.createOperationDescriptor,
+  getPaginationVariables = _require2.getPaginationVariables,
+  getSelector = _require2.getSelector,
+  getValueAtPath = _require2.getValueAtPath;
 var warning = require("fbjs/lib/warning");
-
 function useLoadMoreFunction(args) {
   var direction = args.direction,
-      fragmentNode = args.fragmentNode,
-      fragmentRef = args.fragmentRef,
-      fragmentIdentifier = args.fragmentIdentifier,
-      fragmentData = args.fragmentData,
-      connectionPathInFragmentData = args.connectionPathInFragmentData,
-      paginationRequest = args.paginationRequest,
-      paginationMetadata = args.paginationMetadata,
-      componentDisplayName = args.componentDisplayName,
-      observer = args.observer,
-      onReset = args.onReset,
-      identifierField = args.identifierField;
+    fragmentNode = args.fragmentNode,
+    fragmentRef = args.fragmentRef,
+    fragmentIdentifier = args.fragmentIdentifier,
+    fragmentData = args.fragmentData,
+    connectionPathInFragmentData = args.connectionPathInFragmentData,
+    paginationRequest = args.paginationRequest,
+    paginationMetadata = args.paginationMetadata,
+    componentDisplayName = args.componentDisplayName,
+    observer = args.observer,
+    onReset = args.onReset,
+    identifierField = args.identifierField;
   var environment = useRelayEnvironment();
-
   var _useFetchTrackingRef = useFetchTrackingRef(),
-      isFetchingRef = _useFetchTrackingRef.isFetchingRef,
-      startFetch = _useFetchTrackingRef.startFetch,
-      disposeFetch = _useFetchTrackingRef.disposeFetch,
-      completeFetch = _useFetchTrackingRef.completeFetch;
-
+    isFetchingRef = _useFetchTrackingRef.isFetchingRef,
+    startFetch = _useFetchTrackingRef.startFetch,
+    disposeFetch = _useFetchTrackingRef.disposeFetch,
+    completeFetch = _useFetchTrackingRef.completeFetch;
   var identifierValue = identifierField != null && fragmentData != null && typeof fragmentData === 'object' ? fragmentData[identifierField] : null;
   var isMountedRef = useIsMountedRef();
-
   var _useState = useState(environment),
-      mirroredEnvironment = _useState[0],
-      setMirroredEnvironment = _useState[1];
-
+    mirroredEnvironment = _useState[0],
+    setMirroredEnvironment = _useState[1];
   var _useState2 = useState(fragmentIdentifier),
-      mirroredFragmentIdentifier = _useState2[0],
-      setMirroredFragmentIdentifier = _useState2[1];
-
+    mirroredFragmentIdentifier = _useState2[0],
+    setMirroredFragmentIdentifier = _useState2[1];
   var isParentQueryActive = useIsOperationNodeActive(fragmentNode, fragmentRef);
   var shouldReset = environment !== mirroredEnvironment || fragmentIdentifier !== mirroredFragmentIdentifier;
-
   if (shouldReset) {
     disposeFetch();
     onReset();
     setMirroredEnvironment(environment);
     setMirroredFragmentIdentifier(fragmentIdentifier);
   }
-
   var _getConnectionState = getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData),
-      cursor = _getConnectionState.cursor,
-      hasMore = _getConnectionState.hasMore; // Dispose of pagination requests in flight when unmounting
-
+    cursor = _getConnectionState.cursor,
+    hasMore = _getConnectionState.hasMore;
 
+  // Dispose of pagination requests in flight when unmounting
   useEffect(function () {
     return function () {
       disposeFetch();
@@ -93,8 +77,8 @@ function useLoadMoreFunction(args) {
   }, [disposeFetch]);
   var loadMore = useCallback(function (count, options) {
     // TODO(T41131846): Fetch/Caching policies for loadMore
-    var onComplete = options === null || options === void 0 ? void 0 : options.onComplete;
 
+    var onComplete = options === null || options === void 0 ? void 0 : options.onComplete;
     if (isMountedRef.current !== true) {
       // Bail out and warn if we're trying to paginate after the component
       // has unmounted
@@ -103,31 +87,27 @@ function useLoadMoreFunction(args) {
         dispose: function dispose() {}
       };
     }
-
     var fragmentSelector = getSelector(fragmentNode, fragmentRef);
-
     if (isFetchingRef.current === true || fragmentData == null || isParentQueryActive) {
       if (fragmentSelector == null) {
         process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Unexpected fetch while using a null fragment ref ' + 'for fragment `%s` in `%s`. When fetching more items, we expect ' + "initial fragment data to be non-null. Please make sure you're " + 'passing a valid fragment ref to `%s` before paginating.', fragmentNode.name, componentDisplayName, componentDisplayName) : void 0;
       }
-
       if (onComplete) {
         onComplete(null);
       }
-
       return {
         dispose: function dispose() {}
       };
     }
-
     !(fragmentSelector != null && fragmentSelector.kind !== 'PluralReaderSelector') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected to be able to find a non-plural fragment owner for ' + "fragment `%s` when using `%s`. If you're seeing this, " + 'this is likely a bug in Relay.', fragmentNode.name, componentDisplayName) : invariant(false) : void 0;
     var parentVariables = fragmentSelector.owner.variables;
     var fragmentVariables = fragmentSelector.variables;
     var extraVariables = options === null || options === void 0 ? void 0 : options.UNSTABLE_extraVariables;
     var baseVariables = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parentVariables), fragmentVariables);
-    var paginationVariables = getPaginationVariables(direction, count, cursor, baseVariables, (0, _objectSpread2["default"])({}, extraVariables), paginationMetadata); // If the query needs an identifier value ('id' or similar) and one
-    // was not explicitly provided, read it from the fragment data.
+    var paginationVariables = getPaginationVariables(direction, count, cursor, baseVariables, (0, _objectSpread2["default"])({}, extraVariables), paginationMetadata);
 
+    // If the query needs an identifier value ('id' or similar) and one
+    // was not explicitly provided, read it from the fragment data.
     if (identifierField != null) {
       // @refetchable fragments are guaranteed to have an `id` selection
       // if the type is Node, implements Node, or is @fetchable. Double-check
@@ -135,10 +115,8 @@ function useLoadMoreFunction(args) {
       if (typeof identifierValue !== 'string') {
         process.env.NODE_ENV !== "production" ? warning(false, 'Relay: Expected result to have a string  ' + '`%s` in order to refetch, got `%s`.', identifierField, identifierValue) : void 0;
       }
-
       paginationVariables.id = identifierValue;
     }
-
     var paginationQuery = createOperationDescriptor(paginationRequest, paginationVariables, {
       force: true
     });
@@ -161,60 +139,51 @@ function useLoadMoreFunction(args) {
     return {
       dispose: disposeFetch
     };
-  }, // NOTE: We disable react-hooks-deps warning because all values
+  },
+  // NOTE: We disable react-hooks-deps warning because all values
   // inside paginationMetadata are static
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [environment, identifierValue, direction, cursor, startFetch, disposeFetch, completeFetch, isFetchingRef, isParentQueryActive, fragmentData, fragmentNode.name, fragmentRef, componentDisplayName]);
   return [loadMore, hasMore, disposeFetch];
 }
-
 function getConnectionState(direction, fragmentNode, fragmentData, connectionPathInFragmentData) {
   var _pageInfo$END_CURSOR, _pageInfo$START_CURSO;
-
   var _ConnectionInterface$ = ConnectionInterface.get(),
-      EDGES = _ConnectionInterface$.EDGES,
-      PAGE_INFO = _ConnectionInterface$.PAGE_INFO,
-      HAS_NEXT_PAGE = _ConnectionInterface$.HAS_NEXT_PAGE,
-      HAS_PREV_PAGE = _ConnectionInterface$.HAS_PREV_PAGE,
-      END_CURSOR = _ConnectionInterface$.END_CURSOR,
-      START_CURSOR = _ConnectionInterface$.START_CURSOR;
-
+    EDGES = _ConnectionInterface$.EDGES,
+    PAGE_INFO = _ConnectionInterface$.PAGE_INFO,
+    HAS_NEXT_PAGE = _ConnectionInterface$.HAS_NEXT_PAGE,
+    HAS_PREV_PAGE = _ConnectionInterface$.HAS_PREV_PAGE,
+    END_CURSOR = _ConnectionInterface$.END_CURSOR,
+    START_CURSOR = _ConnectionInterface$.START_CURSOR;
   var connection = getValueAtPath(fragmentData, connectionPathInFragmentData);
-
   if (connection == null) {
     return {
       cursor: null,
       hasMore: false
     };
   }
-
   !(typeof connection === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have been `null`, or ' + 'a plain object with %s and %s properties. Instead got `%s`.', fragmentNode.name, EDGES, PAGE_INFO, connection) : invariant(false) : void 0;
   var edges = connection[EDGES];
   var pageInfo = connection[PAGE_INFO];
-
   if (edges == null || pageInfo == null) {
     return {
       cursor: null,
       hasMore: false
     };
   }
-
   !Array.isArray(edges) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a plural `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, EDGES, edges) : invariant(false) : void 0;
   !(typeof pageInfo === 'object') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected connection in fragment `%s` to have a `%s` field. ' + 'Instead got `%s`.', fragmentNode.name, PAGE_INFO, pageInfo) : invariant(false) : void 0;
   var cursor = direction === 'forward' ? (_pageInfo$END_CURSOR = pageInfo[END_CURSOR]) !== null && _pageInfo$END_CURSOR !== void 0 ? _pageInfo$END_CURSOR : null : (_pageInfo$START_CURSO = pageInfo[START_CURSOR]) !== null && _pageInfo$START_CURSO !== void 0 ? _pageInfo$START_CURSO : null;
   !(cursor === null || typeof cursor === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, 'Relay: Expected page info for connection in fragment `%s` to have a ' + 'valid `%s`. Instead got `%s`.', fragmentNode.name, START_CURSOR, cursor) : invariant(false) : void 0;
   var hasMore;
-
   if (direction === 'forward') {
     hasMore = cursor != null && pageInfo[HAS_NEXT_PAGE] === true;
   } else {
     hasMore = cursor != null && pageInfo[HAS_PREV_PAGE] === true;
   }
-
   return {
     cursor: cursor,
     hasMore: hasMore
   };
 }
-
 module.exports = useLoadMoreFunction;

package/lib/relay-hooks/useMemoOperationDescriptor.js

@@ -4,32 +4,24 @@
  * 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 useMemoVariables = require('./useMemoVariables');
-
 var React = require('react');
-
 var _require = require('relay-runtime'),
-    createOperationDescriptor = _require.createOperationDescriptor,
-    getRequest = _require.getRequest;
-
+  createOperationDescriptor = _require.createOperationDescriptor,
+  getRequest = _require.getRequest;
 var useMemo = React.useMemo;
-
 function useMemoOperationDescriptor(gqlQuery, variables, cacheConfig) {
-  var _useMemoVariables = useMemoVariables(variables),
-      memoVariables = _useMemoVariables[0];
-
-  var _useMemoVariables2 = useMemoVariables(cacheConfig || {}),
-      memoCacheConfig = _useMemoVariables2[0];
-
+  var memoVariables = useMemoVariables(variables);
+  var memoCacheConfig = useMemoVariables(cacheConfig || {});
   return useMemo(function () {
     return createOperationDescriptor(getRequest(gqlQuery), memoVariables, memoCacheConfig);
   }, [gqlQuery, memoVariables, memoCacheConfig]);
 }
-
 module.exports = useMemoOperationDescriptor;

package/lib/relay-hooks/useMemoVariables.js

@@ -4,49 +4,31 @@
  * 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 areEqual = require("fbjs/lib/areEqual");
+var _require = require('react'),
+  useState = _require.useState;
 
-var React = require('react');
-
-var useMemo = React.useMemo,
-    useRef = React.useRef,
-    useState = React.useState;
-
+/**
+ * Memoizes the passed in `variables` object based on `areEqual` equality.
+ * 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(variables) {
-  var _variablesChangedGene2;
-
-  // The value of this ref is a counter that should be incremented when
-  // variables change. This allows us to use the counter as a
-  // memoization value to indicate if the computation for useMemo
-  // should be re-executed.
-  var variablesChangedGenerationRef = useRef(0); // We mirror the variables to check if they have changed between renders
-
   var _useState = useState(variables),
-      mirroredVariables = _useState[0],
-      setMirroredVariables = _useState[1];
-
-  var variablesChanged = !areEqual(variables, mirroredVariables);
-
-  if (variablesChanged) {
-    var _variablesChangedGene;
-
-    variablesChangedGenerationRef.current = ((_variablesChangedGene = variablesChangedGenerationRef.current) !== null && _variablesChangedGene !== void 0 ? _variablesChangedGene : 0) + 1;
+    mirroredVariables = _useState[0],
+    setMirroredVariables = _useState[1];
+  if (areEqual(variables, mirroredVariables)) {
+    return mirroredVariables;
+  } else {
     setMirroredVariables(variables);
-  } // NOTE: We disable react-hooks-deps warning because we explicitly
-  // don't want to memoize on object identity
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
-  var memoVariables = useMemo(function () {
     return variables;
-  }, [variablesChangedGenerationRef.current]);
-  return [memoVariables, (_variablesChangedGene2 = variablesChangedGenerationRef.current) !== null && _variablesChangedGene2 !== void 0 ? _variablesChangedGene2 : 0];
+  }
 }
-
 module.exports = useMemoVariables;