react-relay 11.0.2 → 13.0.0-rc.2

package/jest-react/enqueueTask.js.flow

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+relay
+ * @format
+ */
+
+// This file is sync'd from https://github.com/facebook/react/tree/main/packages/jest-react
+
+'use strict';
+
+let didWarnAboutMessageChannel = false;
+let enqueueTaskImpl = null;
+
+function enqueueTask(task: () => void) {
+  if (enqueueTaskImpl === null) {
+    try {
+      // read require off the module object to get around the bundlers.
+      // we don't want them to detect a require and bundle a Node polyfill.
+      const requireString = ('require' + Math.random()).slice(0, 7);
+      const nodeRequire = module && module[requireString];
+      // assuming we're in node, let's try to get node's
+      // version of setImmediate, bypassing fake timers if any.
+      enqueueTaskImpl = nodeRequire.call(module, 'timers').setImmediate;
+    } catch {
+      // we're in a browser
+      // we can't use regular timers because they may still be faked
+      // so we try MessageChannel+postMessage instead
+      enqueueTaskImpl = function (callback: () => void) {
+        if (__DEV__) {
+          if (didWarnAboutMessageChannel === false) {
+            didWarnAboutMessageChannel = true;
+            if (typeof MessageChannel === 'undefined') {
+              console.error(
+                'This browser does not have a MessageChannel implementation, ' +
+                  'so enqueuing tasks via await act(async () => ...) will fail. ' +
+                  'Please file an issue at https://github.com/facebook/react/issues ' +
+                  'if you encounter this warning.',
+              );
+            }
+          }
+        }
+        /*global MessageChannel*/
+        const channel = new MessageChannel();
+        channel.port1.onmessage = callback;
+        channel.port2.postMessage(undefined);
+      };
+    }
+  }
+  return enqueueTaskImpl(task);
+}
+
+module.exports = enqueueTask;

package/jest-react/index.js.flow

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+relay
+ * @format
+ */
+
+// This file is sync'd from https://github.com/facebook/react/tree/main/packages/jest-react
+export {act} from './internalAct';

package/jest-react/internalAct.js.flow

@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+relay
+ * @format
+ */
+
+/* global jest */
+
+// This file is sync'd from https://github.com/facebook/react/tree/main/packages/jest-react
+
+// This version of `act` is only used by our tests. Unlike the public version
+// of `act`, it's designed to work identically in both production and
+// development. It may have slightly different behavior from the public
+// version, too, since our constraints in our test suite are not the same as
+// those of developers using React — we're testing React itself, as opposed to
+// building an app with React.
+
+'use strict';
+
+const enqueueTask = require('./enqueueTask');
+const Scheduler = require('scheduler/unstable_mock');
+
+// The subset of a Promise that React APIs rely on. This resolves a value.
+// This doesn't require a return value neither from the handler nor the
+// then function.
+interface Thenable<+R> {
+  then<U>(
+    onFulfill: (value: R) => void | Thenable<U> | U,
+    onReject: (error: mixed) => void | Thenable<U> | U,
+  ): void | Thenable<U>;
+}
+
+let actingUpdatesScopeDepth = 0;
+
+function act(scope: () => Thenable<mixed> | void) {
+  if (Scheduler.unstable_flushAllWithoutAsserting === undefined) {
+    throw Error(
+      'This version of `act` requires a special mock build of Scheduler.',
+    );
+  }
+  if (setTimeout._isMockFunction !== true) {
+    throw Error(
+      "This version of `act` requires Jest's timer mocks " +
+        '(i.e. jest.useFakeTimers).',
+    );
+  }
+
+  const previousActingUpdatesScopeDepth = actingUpdatesScopeDepth;
+  actingUpdatesScopeDepth++;
+
+  const unwind = () => {
+    actingUpdatesScopeDepth--;
+
+    if (__DEV__) {
+      if (actingUpdatesScopeDepth > previousActingUpdatesScopeDepth) {
+        // if it's _less than_ previousActingUpdatesScopeDepth, then we can
+        // assume the 'other' one has warned
+        console.error(
+          'You seem to have overlapping act() calls, this is not supported. ' +
+            'Be sure to await previous act() calls before making a new one. ',
+        );
+      }
+    }
+  };
+
+  // TODO: This would be way simpler if 1) we required a promise to be
+  // returned and 2) we could use async/await. Since it's only our used in
+  // our test suite, we should be able to.
+  try {
+    const thenable = scope();
+    if (
+      typeof thenable === 'object' &&
+      thenable !== null &&
+      typeof thenable.then === 'function'
+    ) {
+      return {
+        then(resolve: () => void, reject: (error: mixed) => void) {
+          thenable.then(
+            () => {
+              flushActWork(
+                () => {
+                  unwind();
+                  resolve();
+                },
+                error => {
+                  unwind();
+                  reject(error);
+                },
+              );
+            },
+            error => {
+              unwind();
+              reject(error);
+            },
+          );
+        },
+      };
+    } else {
+      try {
+        // TODO: Let's not support non-async scopes at all in our tests. Need to
+        // migrate existing tests.
+        let didFlushWork;
+        do {
+          didFlushWork = Scheduler.unstable_flushAllWithoutAsserting();
+        } while (didFlushWork);
+      } finally {
+        unwind();
+      }
+    }
+  } catch (error) {
+    unwind();
+    throw error;
+  }
+}
+
+function flushActWork(resolve, reject) {
+  // Flush suspended fallbacks
+  // $FlowFixMe: Flow doesn't know about global Jest object
+  jest.runOnlyPendingTimers();
+  enqueueTask(() => {
+    try {
+      const didFlushWork = Scheduler.unstable_flushAllWithoutAsserting();
+      if (didFlushWork) {
+        flushActWork(resolve, reject);
+      } else {
+        resolve();
+      }
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+exports.act = act;

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v11.0.2
+ * Relay v13.0.0-rc.2
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *

package/legacy.js.flow

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/ReactRelayContainerUtils.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/ReactRelayContext.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/ReactRelayFragmentContainer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,20 +22,18 @@ var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inh
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var React = require('react');
-
-var areEqual = require("fbjs/lib/areEqual");
-
 var buildReactRelayContainer = require('./buildReactRelayContainer');
 
-var getRootVariablesForFragments = require('./getRootVariablesForFragments');
-
 var _require = require('./ReactRelayContainerUtils'),
     getContainerName = _require.getContainerName;
 
 var _require2 = require('./RelayContext'),
     assertRelayContext = _require2.assertRelayContext;
 
+var areEqual = require("fbjs/lib/areEqual");
+
+var React = require('react');
+
 var _require3 = require('relay-runtime'),
     createFragmentSpecResolver = _require3.createFragmentSpecResolver,
     getDataIDsFromObject = _require3.getDataIDsFromObject,
@@ -142,19 +140,17 @@ function createContainerWithFragments(Component, fragments) {
     var _proto = _class.prototype;
 
     _proto.componentDidMount = function componentDidMount() {
-      this._subscribeToNewResolver();
-
-      this._rerenderIfStoreHasChanged();
+      this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
     };
 
     _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
       if (this.state.resolver !== prevState.resolver) {
         prevState.resolver.dispose();
 
-        this._subscribeToNewResolver();
+        this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
+      } else {
+        this._rerenderIfStoreHasChanged();
       }
-
-      this._rerenderIfStoreHasChanged();
     };
 
     _proto.componentWillUnmount = function componentWillUnmount() {
@@ -207,11 +203,21 @@ function createContainerWithFragments(Component, fragments) {
       }
     };
 
-    _proto._subscribeToNewResolver = function _subscribeToNewResolver() {
-      var resolver = this.state.resolver; // Event listeners are only safe to add during the commit phase,
+    _proto._subscribeToNewResolverAndRerenderIfStoreHasChanged = function _subscribeToNewResolverAndRerenderIfStoreHasChanged() {
+      var _this$state2 = this.state,
+          data = _this$state2.data,
+          resolver = _this$state2.resolver;
+      var maybeNewData = resolver.resolve(); // Event listeners are only safe to add during the commit phase,
       // So they won't leak if render is interrupted or errors.
 
-      resolver.setCallback(this._handleFragmentDataUpdate);
+      resolver.setCallback(this.props, this._handleFragmentDataUpdate); // External values could change between render and commit.
+      // Check for this case, even though it requires an extra store read.
+
+      if (data !== maybeNewData) {
+        this.setState({
+          data: maybeNewData
+        });
+      }
     };
 
     _proto.render = function render() {

package/lib/ReactRelayFragmentMockRenderer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,10 +10,10 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var React = require('react');
-
 var ReactRelayContext = require('./ReactRelayContext');
 
+var React = require('react');
+
 function ReactRelayFragmentMockRenderer(props) {
   return /*#__PURE__*/React.createElement(ReactRelayContext.Provider, {
     value: {

package/lib/ReactRelayLocalQueryRenderer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,24 +10,23 @@
 // flowlint ambiguous-object-type:error
 'use strict';
 
-var React = require('react');
-
 var ReactRelayContext = require('./ReactRelayContext');
 
 var ReactRelayQueryRendererContext = require('./ReactRelayQueryRendererContext');
 
-var useLayoutEffect = React.useLayoutEffect,
-    useState = React.useState,
-    useRef = React.useRef,
-    useMemo = React.useMemo;
+var areEqual = require("fbjs/lib/areEqual");
+
+var React = require('react');
 
 var _require = require('relay-runtime'),
     createOperationDescriptor = _require.createOperationDescriptor,
     deepFreeze = _require.deepFreeze,
     getRequest = _require.getRequest;
 
-var areEqual = require("fbjs/lib/areEqual");
-
+var useLayoutEffect = React.useLayoutEffect,
+    useState = React.useState,
+    useRef = React.useRef,
+    useMemo = React.useMemo;
 var queryRendererContext = {
   rootIsQueryRenderer: true
 };

package/lib/ReactRelayPaginationContainer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -24,40 +24,40 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var React = require('react');
-
-var ReactRelayContext = require('./ReactRelayContext');
-
-var ReactRelayQueryFetcher = require('./ReactRelayQueryFetcher');
-
-var areEqual = require("fbjs/lib/areEqual");
-
 var buildReactRelayContainer = require('./buildReactRelayContainer');
 
 var getRootVariablesForFragments = require('./getRootVariablesForFragments');
 
-var invariant = require('invariant');
-
-var warning = require("fbjs/lib/warning");
-
 var _require = require('./ReactRelayContainerUtils'),
     getComponentName = _require.getComponentName,
     getContainerName = _require.getContainerName;
 
+var ReactRelayContext = require('./ReactRelayContext');
+
+var ReactRelayQueryFetcher = require('./ReactRelayQueryFetcher');
+
 var _require2 = require('./RelayContext'),
     assertRelayContext = _require2.assertRelayContext;
 
+var areEqual = require("fbjs/lib/areEqual");
+
+var invariant = require('invariant');
+
+var React = require('react');
+
 var _require3 = require('relay-runtime'),
     ConnectionInterface = _require3.ConnectionInterface,
     Observable = _require3.Observable,
+    RelayFeatureFlags = _require3.RelayFeatureFlags,
     createFragmentSpecResolver = _require3.createFragmentSpecResolver,
     createOperationDescriptor = _require3.createOperationDescriptor,
     getDataIDsFromObject = _require3.getDataIDsFromObject,
     getRequest = _require3.getRequest,
-    getSelector = _require3.getSelector,
     getVariablesFromObject = _require3.getVariablesFromObject,
     isScalarAndEqual = _require3.isScalarAndEqual;
 
+var warning = require("fbjs/lib/warning");
+
 var FORWARD = 'forward';
 
 /**
@@ -211,8 +211,7 @@ function createGetConnectionFromProps(metadata) {
 
 function createGetFragmentVariables(metadata) {
   var countVariable = metadata.count;
-  !countVariable ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Unable to synthesize a ' + 'getFragmentVariables function.') : invariant(false) : void 0; // $FlowFixMe[cannot-spread-interface]
-
+  !countVariable ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Unable to synthesize a ' + 'getFragmentVariables function.') : invariant(false) : void 0;
   return function (prevVars, totalCount) {
     return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, prevVars), {}, (0, _defineProperty2["default"])({}, countVariable, totalCount));
   };
@@ -354,12 +353,19 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       _this._isARequestInFlight = false;
       _this._refetchSubscription = null;
       _this._refetchVariables = null;
-      _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer, _this._handleFragmentDataUpdate);
+
+      if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
+        _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer);
+      } else {
+        _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer, _this._handleFragmentDataUpdate);
+      }
+
       _this.state = {
         data: _this._resolver.resolve(),
         prevContext: relayContext,
         contextForChildren: relayContext,
-        relayProp: _this._buildRelayProp(relayContext)
+        relayProp: _this._buildRelayProp(relayContext),
+        resolverGeneration: 0
       };
       _this._isUnmounted = false;
       _this._hasFetched = false;
@@ -370,6 +376,20 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
 
     _proto.componentDidMount = function componentDidMount() {
       this._isUnmounted = false;
+
+      if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
+        this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
+      }
+    };
+
+    _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+      if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
+        if (prevState.resolverGeneration !== this.state.resolverGeneration) {
+          this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
+        } else {
+          this._rerenderIfStoreHasChanged();
+        }
+      }
     }
     /**
      * When new props are received, read data for the new props and subscribe
@@ -379,6 +399,8 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
     ;
 
     _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
+      var _this2 = this;
+
       var _nextProps$__rootIsQu;
 
       var relayContext = assertRelayContext(nextProps.__relayContext);
@@ -396,11 +418,19 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         this._cleanup(); // Child containers rely on context.relay being mutated (for gDSFP).
 
 
-        this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer, this._handleFragmentDataUpdate);
-        this.setState({
-          prevContext: relayContext,
-          contextForChildren: relayContext,
-          relayProp: this._buildRelayProp(relayContext)
+        if (RelayFeatureFlags.ENABLE_CONTAINERS_SUBSCRIBE_ON_COMMIT === true) {
+          this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer);
+        } else {
+          this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer, this._handleFragmentDataUpdate);
+        }
+
+        this.setState(function (prevState) {
+          return {
+            prevContext: relayContext,
+            contextForChildren: relayContext,
+            relayProp: _this2._buildRelayProp(relayContext),
+            resolverGeneration: prevState.resolverGeneration + 1
+          };
         });
       } else if (!this._hasFetched) {
         this._resolver.setProps(nextProps);
@@ -423,7 +453,7 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
 
     _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
       // Short-circuit if any Relay-related data has changed
-      if (nextState.data !== this.state.data || nextState.relayProp !== this.state.relayProp) {
+      if (nextState.data !== this.state.data || nextState.relayProp !== this.state.relayProp || nextState.resolverGeneration !== this.state.resolverGeneration) {
         return true;
       } // Otherwise, for convenience short-circuit if all non-Relay props
       // are scalar and equal
@@ -456,6 +486,37 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         refetchConnection: this._refetchConnection,
         environment: relayContext.environment
       };
+    };
+
+    _proto._rerenderIfStoreHasChanged = function _rerenderIfStoreHasChanged() {
+      var data = this.state.data; // External values could change between render and commit.
+      // Check for this case, even though it requires an extra store read.
+
+      var maybeNewData = this._resolver.resolve();
+
+      if (data !== maybeNewData) {
+        this.setState({
+          data: maybeNewData
+        });
+      }
+    };
+
+    _proto._subscribeToNewResolverAndRerenderIfStoreHasChanged = function _subscribeToNewResolverAndRerenderIfStoreHasChanged() {
+      var data = this.state.data;
+
+      var maybeNewData = this._resolver.resolve(); // Event listeners are only safe to add during the commit phase,
+      // So they won't leak if render is interrupted or errors.
+
+
+      this._resolver.setCallback(this.props, this._handleFragmentDataUpdate); // External values could change between render and commit.
+      // Check for this case, even though it requires an extra store read.
+
+
+      if (data !== maybeNewData) {
+        this.setState({
+          data: maybeNewData
+        });
+      }
     }
     /**
      * Render new data for the existing props/context.
@@ -525,7 +586,7 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
     };
 
     _proto._fetchPage = function _fetchPage(paginatingVariables, observer, options) {
-      var _this2 = this;
+      var _this3 = this;
 
       var _assertRelayContext = assertRelayContext(this.props.__relayContext),
           environment = _assertRelayContext.environment;
@@ -537,17 +598,14 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props2, ["componentRef", "__relayContext", "__rootIsQueryRenderer"]);
       var props = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, restProps), this.state.data);
       var fragmentVariables;
-      var rootVariables = getRootVariablesForFragments(fragments, restProps); // $FlowFixMe[cannot-spread-interface]
-
-      fragmentVariables = getVariablesFromObject(fragments, restProps); // $FlowFixMe[cannot-spread-interface]
-
+      var rootVariables = getRootVariablesForFragments(fragments, restProps);
+      fragmentVariables = getVariablesFromObject(fragments, restProps);
       fragmentVariables = (0, _objectSpread3["default"])((0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, rootVariables), fragmentVariables), this._refetchVariables);
       var fetchVariables = connectionConfig.getVariables(props, {
         count: paginatingVariables.count,
         cursor: paginatingVariables.cursor
       }, fragmentVariables);
-      !(typeof fetchVariables === 'object' && fetchVariables !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Expected `getVariables()` to ' + 'return an object, got `%s` in `%s`.', fetchVariables, componentName) : invariant(false) : void 0; // $FlowFixMe[cannot-spread-interface]
-
+      !(typeof fetchVariables === 'object' && fetchVariables !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'ReactRelayPaginationContainer: Expected `getVariables()` to ' + 'return an object, got `%s` in `%s`.', fetchVariables, componentName) : invariant(false) : void 0;
       fetchVariables = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, fetchVariables), this._refetchVariables);
       fragmentVariables = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, fetchVariables), fragmentVariables);
       var cacheConfig = options ? {
@@ -569,11 +627,11 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       this._hasFetched = true;
 
       var onNext = function onNext(payload, complete) {
-        var prevData = _this2._resolver.resolve();
+        var prevData = _this3._resolver.resolve();
 
-        _this2._resolver.setVariables(getFragmentVariables(fragmentVariables, paginatingVariables.totalCount), operation.request.node);
+        _this3._resolver.setVariables(getFragmentVariables(fragmentVariables, paginatingVariables.totalCount), operation.request.node);
 
-        var nextData = _this2._resolver.resolve(); // Workaround slightly different handling for connection in different
+        var nextData = _this3._resolver.resolve(); // Workaround slightly different handling for connection in different
         // core implementations:
         // - Classic core requires the count to be explicitly incremented
         // - Modern core automatically appends new items, updating the count
@@ -585,10 +643,10 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
 
 
         if (!areEqual(prevData, nextData)) {
-          _this2.setState({
+          _this3.setState({
             data: nextData,
             contextForChildren: {
-              environment: _this2.props.__relayContext.environment
+              environment: _this3.props.__relayContext.environment
             }
           }, complete);
         } else {
@@ -597,9 +655,9 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
       };
 
       var cleanup = function cleanup() {
-        if (_this2._refetchSubscription === refetchSubscription) {
-          _this2._refetchSubscription = null;
-          _this2._isARequestInFlight = false;
+        if (_this3._refetchSubscription === refetchSubscription) {
+          _this3._refetchSubscription = null;
+          _this3._isARequestInFlight = false;
         }
       };
 

package/lib/ReactRelayQueryFetcher.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,9 +17,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var invariant = require('invariant');
 
 var _require = require('relay-runtime'),
+    fetchQuery = _require.__internal.fetchQuery,
     createOperationDescriptor = _require.createOperationDescriptor,
-    isRelayModernEnvironment = _require.isRelayModernEnvironment,
-    fetchQuery = _require.__internal.fetchQuery;
+    isRelayModernEnvironment = _require.isRelayModernEnvironment;
 
 var ReactRelayQueryFetcher = /*#__PURE__*/function () {
   function ReactRelayQueryFetcher(args) {