react-relay 0.0.0-main-edcb69da → 0.0.0-main-9af45f9c

package/ReactRelayContext.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-edcb69da
+ * Relay v0.0.0-main-9af45f9c
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/ReactRelayFragmentContainer.js.flow

@@ -31,7 +31,7 @@ const {
 
 type ContainerProps = $FlowFixMe;
 type ContainerState = {
-  data: {[key: string]: mixed, ...},
+  data: {[key: string]: unknown, ...},
   prevProps: ContainerProps,
   prevPropsContext: RelayContext,
   relayProp: RelayProp,

package/ReactRelayLoggingContext.js.flow

@@ -16,6 +16,6 @@ const {
   __internal: {createRelayLoggingContext},
 } = require('relay-runtime');
 
-module.exports = createRelayLoggingContext(React) as React.Context<
-  mixed | null,
->;
+module.exports = createRelayLoggingContext(
+  React,
+) as React.Context<unknown | null>;

package/ReactRelayPaginationContainer.js.flow

@@ -59,7 +59,7 @@ const {
 const warning = require('warning');
 
 type ContainerState = {
-  data: {[key: string]: mixed, ...},
+  data: {[key: string]: unknown, ...},
   relayProp: RelayPaginationProp,
   prevContext: RelayContext,
   contextForChildren: RelayContext,
@@ -829,7 +829,7 @@ function createContainerWithFragments<
       }
       this._hasFetched = true;
 
-      const onNext = (payload: mixed, complete: () => void) => {
+      const onNext = (payload: unknown, complete: () => void) => {
         const prevData = this._resolver.resolve();
         this._resolver.setVariables(
           getFragmentVariables(

package/ReactRelayQueryFetcher.js.flow

@@ -116,7 +116,7 @@ class ReactRelayQueryFetcher {
     environment,
     operation,
     preservePreviousReferences = false,
-  }: ExecuteConfig): Observable<mixed> {
+  }: ExecuteConfig): Observable<unknown> {
     const reference = environment.retain(operation);
     const error = () => {
       // We may have partially fulfilled the request, so let the next request

package/ReactRelayRefetchContainer.js.flow

@@ -52,7 +52,7 @@ const warning = require('warning');
 type ContainerProps = $FlowFixMe;
 
 type ContainerState = {
-  data: {[key: string]: mixed, ...},
+  data: {[key: string]: unknown, ...},
   prevProps: ContainerProps,
   localVariables: ?Variables,
   prevPropsContext: RelayContext,

package/ReactRelayTypes.js.flow

@@ -22,7 +22,7 @@ import type {
 
 export type GeneratedNodeMap = {[key: string]: GraphQLTaggedNode, ...};
 
-export type ObserverOrCallback = Observer<void> | ((error: ?Error) => mixed);
+export type ObserverOrCallback = Observer<void> | ((error: ?Error) => unknown);
 
 // NOTE: This is an inexact type in order to allow a RelayPaginationProp or
 // RelayRefetchProp to flow into a RelayProp.
@@ -57,7 +57,7 @@ export type RelayRefetchProp = {
 export type RefetchOptions = {
   +force?: boolean,
   +fetchPolicy?: 'store-or-network' | 'network-only',
-  +metadata?: {[key: string]: mixed, ...},
+  +metadata?: {[key: string]: unknown, ...},
 };
 
 /**
@@ -121,7 +121,7 @@ type MapRelayProp<T> = [+t: T] extends [+t: {+$fragmentType: empty, ...}]
     : [+t: T] extends [+t: {+$fragmentType: FragmentType, ...}]
       ? $FragmentRef<T>
       : [+t: T] extends [+t: ?{+$fragmentType: FragmentType, ...}]
-        ? ?$FragmentRef<$NonMaybeType<T>>
+        ? ?$FragmentRef<NonNullable<T>>
         : [+t: T] extends [
               +t: $ReadOnlyArray<
                 infer V extends {+$fragmentType: FragmentType, ...},
@@ -140,14 +140,14 @@ type MapRelayProp<T> = [+t: T] extends [+t: {+$fragmentType: empty, ...}]
                     ...
                   }>,
                 ]
-              ? $ReadOnlyArray<?$FragmentRef<$NonMaybeType<V>>>
+              ? $ReadOnlyArray<?$FragmentRef<NonNullable<V>>>
               : [+t: T] extends [
                     +t: ?$ReadOnlyArray<?infer V extends {
                       +$fragmentType: FragmentType,
                       ...
                     }>,
                   ]
-                ? ?$ReadOnlyArray<?$FragmentRef<$NonMaybeType<V>>>
+                ? ?$ReadOnlyArray<?$FragmentRef<NonNullable<V>>>
                 : T;
 
 export type RelayFragmentContainer<TComponent: component(...empty)> = component(

package/RelayContext.js.flow

@@ -20,7 +20,7 @@ const invariant = require('invariant');
  * Asserts that the input is a matches the `RelayContext` type defined in
  * `RelayEnvironmentTypes` and returns it as that type.
  */
-function assertRelayContext(relay: mixed): RelayContext {
+function assertRelayContext(relay: unknown): RelayContext {
   invariant(
     isRelayContext(relay),
     'RelayContext: Expected `context.relay` to be an object conforming to ' +
@@ -34,7 +34,7 @@ function assertRelayContext(relay: mixed): RelayContext {
  * Determine if the input is a plain object that matches the `RelayContext`
  * type defined in `RelayEnvironmentTypes`.
  */
-function isRelayContext(context: mixed): boolean {
+function isRelayContext(context: unknown): boolean {
   return (
     typeof context === 'object' &&
     context !== null &&

package/buildReactRelayContainer.js.flow

@@ -55,7 +55,7 @@ function buildReactRelayContainer<TBase: component(...empty)>(
   function ForwardRef(
     props: any,
     ref:
-      | ((null | React.ElementRef<TBase>) => mixed)
+      | ((null | React.ElementRef<TBase>) => unknown)
       | {-current: null | React.ElementRef<TBase>, ...},
   ) {
     // $FlowFixMe[react-rule-hook]

package/hooks.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-edcb69da
+ * Relay v0.0.0-main-9af45f9c
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-edcb69da
+ * Relay v0.0.0-main-9af45f9c
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/isRelayEnvironment.js.flow

@@ -15,7 +15,7 @@
  * Determine if a given value is an object that implements the `Environment`
  * interface defined in `RelayEnvironmentTypes`.
  */
-function isRelayEnvironment(environment: mixed): boolean {
+function isRelayEnvironment(environment: unknown): boolean {
   return (
     typeof environment === 'object' &&
     environment !== null &&

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-edcb69da
+ * Relay v0.0.0-main-9af45f9c
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/lib/relay-hooks/useLazyLoadQueryNode.js

@@ -12,13 +12,8 @@ var useContext = React.useContext,
   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;
+function useLazyLoadQueryNode(params) {
+  var _preparedQueryResult;
   var environment = useRelayEnvironment();
   var profilerContext = useContext(ProfilerContext);
   var QueryResource = getQueryResourceForEnvironment(environment);
@@ -28,15 +23,29 @@ function useLazyLoadQueryNode(_ref) {
   var _useFetchTrackingRef = useFetchTrackingRef(),
     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 () {
-    return QueryResource.prepareWithIdentifier(cacheIdentifier, query, fetchObservable, fetchPolicy, renderPolicy, {
-      start: startFetch,
-      complete: completeFetch,
-      error: completeFetch
-    }, profilerContext);
-  });
+  var cacheIdentifier = null;
+  var preparedQueryResult = null;
+  var fragmentNode;
+  if (params.query != null) {
+    var query = params.query,
+      fetchObservable = params.fetchObservable,
+      fetchPolicy = params.fetchPolicy,
+      fetchKey = params.fetchKey,
+      renderPolicy = params.renderPolicy;
+    var cacheBreaker = "".concat(forceUpdateKey, "-").concat(fetchKey !== null && fetchKey !== void 0 ? fetchKey : '');
+    var queryCacheIdentifier = getQueryCacheIdentifier(environment, query, fetchPolicy, renderPolicy, cacheBreaker);
+    cacheIdentifier = queryCacheIdentifier;
+    preparedQueryResult = profilerContext.wrapPrepareQueryResource(function () {
+      return QueryResource.prepareWithIdentifier(queryCacheIdentifier, query, fetchObservable, fetchPolicy, renderPolicy, {
+        start: startFetch,
+        complete: completeFetch,
+        error: completeFetch
+      }, profilerContext);
+    });
+    fragmentNode = preparedQueryResult.fragmentNode;
+  } else {
+    fragmentNode = params.fragmentNode;
+  }
   var maybeHiddenOrFastRefresh = useRef(false);
   useEffect(function () {
     return function () {
@@ -51,17 +60,21 @@ function useLazyLoadQueryNode(_ref) {
       });
       return;
     }
+    if (preparedQueryResult == null) {
+      return;
+    }
     var disposable = QueryResource.retain(preparedQueryResult, profilerContext);
     return function () {
       disposable.dispose();
     };
   }, [environment, cacheIdentifier]);
   useEffect(function () {
+    if (preparedQueryResult == null) {
+      return;
+    }
     QueryResource.releaseTemporaryRetain(preparedQueryResult);
   });
-  var fragmentNode = preparedQueryResult.fragmentNode,
-    fragmentRef = preparedQueryResult.fragmentRef;
-  var data = useFragmentInternal(fragmentNode, fragmentRef, componentDisplayName);
+  var data = useFragmentInternal(fragmentNode, (_preparedQueryResult = preparedQueryResult) === null || _preparedQueryResult === void 0 ? void 0 : _preparedQueryResult.fragmentRef, params.componentDisplayName);
   return data;
 }
 module.exports = useLazyLoadQueryNode;

package/lib/relay-hooks/usePreloadedQuery.js

@@ -13,64 +13,69 @@ var _require2 = require('relay-runtime'),
 var warning = require("fbjs/lib/warning");
 function usePreloadedQuery(gqlQuery, preloadedQuery, options) {
   var environment = useRelayEnvironment();
-  var fetchKey = preloadedQuery.fetchKey,
-    fetchPolicy = preloadedQuery.fetchPolicy,
-    source = preloadedQuery.source,
-    variables = preloadedQuery.variables,
-    networkCacheConfig = preloadedQuery.networkCacheConfig;
-  var operation = useMemoOperationDescriptor(gqlQuery, variables, networkCacheConfig);
+  var operation = useMemoOperationDescriptor(gqlQuery, preloadedQuery != null ? preloadedQuery.variables : {}, preloadedQuery != null ? preloadedQuery.networkCacheConfig : undefined);
   var useLazyLoadQueryNodeParams;
-  if (preloadedQuery.kind === 'PreloadedQuery_DEPRECATED') {
-    !(operation.request.node.params.name === preloadedQuery.name) ? process.env.NODE_ENV !== "production" ? invariant(false, 'usePreloadedQuery(): Expected data to be prefetched for query `%s`, ' + 'got prefetch results for query `%s`.', operation.request.node.params.name, preloadedQuery.name) : invariant(false) : void 0;
-    useLazyLoadQueryNodeParams = {
-      componentDisplayName: 'usePreloadedQuery()',
-      fetchKey: fetchKey,
-      fetchObservable: fetchQueryDeduped(environment, operation.request.identifier, function () {
-        if (environment === preloadedQuery.environment && source != null) {
-          return environment.executeWithSource({
-            operation: operation,
-            source: source
-          });
-        } else {
-          return environment.execute({
-            operation: operation
-          });
-        }
-      }),
-      fetchPolicy: fetchPolicy,
-      query: operation,
-      renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy
-    };
-  } else {
-    process.env.NODE_ENV !== "production" ? warning(preloadedQuery.isDisposed === false, 'usePreloadedQuery(): Expected preloadedQuery to not be disposed yet. ' + 'This is because disposing the query marks it for future garbage ' + 'collection, and as such query results may no longer be present in the Relay ' + 'store. In the future, this will become a hard error.') : void 0;
-    var fallbackFetchObservable = fetchQuery(environment, operation);
-    var fetchObservable;
-    if (source != null && environment === preloadedQuery.environment) {
-      fetchObservable = source.ifEmpty(fallbackFetchObservable);
-    } else if (environment !== preloadedQuery.environment) {
-      process.env.NODE_ENV !== "production" ? warning(false, 'usePreloadedQuery(): usePreloadedQuery was passed a preloaded query ' + 'that was created with a different environment than the one that is currently ' + 'in context. In the future, this will become a hard error.') : void 0;
-      fetchObservable = fallbackFetchObservable;
+  if (preloadedQuery != null) {
+    var fetchKey = preloadedQuery.fetchKey,
+      fetchPolicy = preloadedQuery.fetchPolicy,
+      source = preloadedQuery.source;
+    if (preloadedQuery.kind === 'PreloadedQuery_DEPRECATED') {
+      !(operation.request.node.params.name === preloadedQuery.name) ? process.env.NODE_ENV !== "production" ? invariant(false, 'usePreloadedQuery(): Expected data to be prefetched for query `%s`, ' + 'got prefetch results for query `%s`.', operation.request.node.params.name, preloadedQuery.name) : invariant(false) : void 0;
+      useLazyLoadQueryNodeParams = {
+        componentDisplayName: 'usePreloadedQuery()',
+        fetchKey: fetchKey,
+        fetchObservable: fetchQueryDeduped(environment, operation.request.identifier, function () {
+          if (environment === preloadedQuery.environment && source != null) {
+            return environment.executeWithSource({
+              operation: operation,
+              source: source
+            });
+          } else {
+            return environment.execute({
+              operation: operation
+            });
+          }
+        }),
+        fetchPolicy: fetchPolicy,
+        query: operation,
+        renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy
+      };
     } else {
-      fetchObservable = fallbackFetchObservable;
+      process.env.NODE_ENV !== "production" ? warning(preloadedQuery.isDisposed === false, 'usePreloadedQuery(): Expected preloadedQuery to not be disposed yet. ' + 'This is because disposing the query marks it for future garbage ' + 'collection, and as such query results may no longer be present in the Relay ' + 'store. In the future, this will become a hard error.') : void 0;
+      var fallbackFetchObservable = fetchQuery(environment, operation);
+      var fetchObservable;
+      if (source != null && environment === preloadedQuery.environment) {
+        fetchObservable = source.ifEmpty(fallbackFetchObservable);
+      } else if (environment !== preloadedQuery.environment) {
+        process.env.NODE_ENV !== "production" ? warning(false, 'usePreloadedQuery(): usePreloadedQuery was passed a preloaded query ' + 'that was created with a different environment than the one that is currently ' + 'in context. In the future, this will become a hard error.') : void 0;
+        fetchObservable = fallbackFetchObservable;
+      } else {
+        fetchObservable = fallbackFetchObservable;
+      }
+      useLazyLoadQueryNodeParams = {
+        componentDisplayName: 'usePreloadedQuery()',
+        fetchKey: fetchKey,
+        fetchObservable: fetchObservable,
+        fetchPolicy: fetchPolicy,
+        query: operation,
+        renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy
+      };
     }
+  } else {
     useLazyLoadQueryNodeParams = {
       componentDisplayName: 'usePreloadedQuery()',
-      fetchObservable: fetchObservable,
-      fetchKey: fetchKey,
-      fetchPolicy: fetchPolicy,
-      query: operation,
-      renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy
+      fragmentNode: gqlQuery.fragment
     };
   }
   var data = useLazyLoadQueryNode(useLazyLoadQueryNodeParams);
   if (process.env.NODE_ENV !== "production") {
     useDebugValue({
-      query: preloadedQuery.name,
-      variables: preloadedQuery.variables,
       data: data,
-      fetchKey: fetchKey,
-      fetchPolicy: fetchPolicy,
-      renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy
+      fetchKey: preloadedQuery === null || preloadedQuery === void 0 ? void 0 : preloadedQuery.fetchKey,
+      fetchPolicy: preloadedQuery === null || preloadedQuery === void 0 ? void 0 : preloadedQuery.fetchPolicy,
+      query: preloadedQuery === null || preloadedQuery === void 0 ? void 0 : preloadedQuery.name,
+      renderPolicy: options === null || options === void 0 ? void 0 : options.UNSTABLE_renderPolicy,
+      variables: preloadedQuery === null || preloadedQuery === void 0 ? void 0 : preloadedQuery.variables
     });
   }
   return data;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-relay",
   "description": "A framework for building GraphQL-driven React applications.",
-  "version": "0.0.0-main-edcb69da",
+  "version": "0.0.0-main-9af45f9c",
   "keywords": [
     "graphql",
     "relay",
@@ -20,7 +20,7 @@
     "fbjs": "^3.0.2",
     "invariant": "^2.2.4",
     "nullthrows": "^1.1.1",
-    "relay-runtime": "0.0.0-main-edcb69da"
+    "relay-runtime": "0.0.0-main-9af45f9c"
   },
   "peerDependencies": {
     "react": "^16.9.0 || ^17 || ^18 || ^19"

package/relay-hooks/EntryPointTypes.flow.js.flow

@@ -59,7 +59,7 @@ export type PreloadableConcreteRequest<+TQuery: OperationType> = {
   +__phantom__?: ?TQuery,
 };
 
-export type EnvironmentProviderOptions = {+[string]: mixed, ...};
+export type EnvironmentProviderOptions = {+[string]: unknown, ...};
 
 export type PreloadedQuery<
   +TQuery: OperationType,

package/relay-hooks/LazyLoadEntryPointContainer_DEPRECATED.react.js.flow

@@ -57,7 +57,7 @@ type EntryPointContainerProps<
   }>,
 >;
 
-function stableStringify(value: mixed): string {
+function stableStringify(value: unknown): string {
   return JSON.stringify(stableCopy(value)) ?? 'null';
 }
 
@@ -104,7 +104,7 @@ function prepareEntryPoint<
       // $FlowFixMe[incompatible-type]
       preloadedQueries[queryPropName] = preloadQuery_DEPRECATED<
         OperationType,
-        mixed,
+        unknown,
       >(
         environment,
         parameters,
@@ -129,8 +129,8 @@ function prepareEntryPoint<
         {},
         {...},
         {...},
-        mixed,
-        EntryPointComponent<{}, {...}, {...}, mixed>,
+        unknown,
+        EntryPointComponent<{}, {...}, {...}, unknown>,
         _,
       >(environmentProvider, nestedEntryPoint, nestedParams);
     });

package/relay-hooks/MatchContainer.js.flow

@@ -88,14 +88,14 @@ const {useMemo} = React;
 type TypenameOnlyPointer = {+__typename: string};
 export type MatchPointer = {
   +__fragmentPropName?: ?string,
-  +__module_component?: mixed,
-  +$fragmentSpreads: mixed,
+  +__module_component?: unknown,
+  +$fragmentSpreads: unknown,
   ...
 };
 
 export type MatchContainerProps<TProps: {...}, TFallback: React.Node> = {
   +fallback?: ?TFallback,
-  +loader: (module: mixed) => component(...TProps),
+  +loader: (module: unknown) => component(...TProps),
   +match: ?MatchPointer | ?TypenameOnlyPointer,
   +props?: TProps,
 };

package/relay-hooks/QueryResource.js.flow

@@ -58,12 +58,12 @@ type QueryResourceCacheEntry = {
 };
 export opaque type QueryResult: {
   fragmentNode: ReaderFragment,
-  fragmentRef: mixed,
+  fragmentRef: unknown,
   ...
 } = {
   cacheIdentifier: string,
   fragmentNode: ReaderFragment,
-  fragmentRef: mixed,
+  fragmentRef: unknown,
   operation: OperationDescriptor,
 };
 
@@ -206,7 +206,7 @@ class QueryResourceImpl {
     maybeRenderPolicy: ?RenderPolicy,
     observer: ?Observer<Snapshot>,
     cacheBreaker: ?string | ?number,
-    profilerContext: mixed,
+    profilerContext: unknown,
   ): QueryResult {
     const cacheIdentifier = getQueryCacheIdentifier(
       this._environment,
@@ -238,7 +238,7 @@ class QueryResourceImpl {
     maybeFetchPolicy: ?FetchPolicy,
     maybeRenderPolicy: ?RenderPolicy,
     observer: ?Observer<Snapshot>,
-    profilerContext: mixed,
+    profilerContext: unknown,
   ): QueryResult {
     const environment = this._environment;
     const fetchPolicy =
@@ -313,7 +313,7 @@ class QueryResourceImpl {
    * (e.g. inside useEffect), in order to retain the operation in the Relay store
    * and transfer ownership of the operation to the component lifecycle.
    */
-  retain(queryResult: QueryResult, profilerContext: mixed): Disposable {
+  retain(queryResult: QueryResult, profilerContext: unknown): Disposable {
     const environment = this._environment;
     const {cacheIdentifier, operation} = queryResult;
     const cacheEntry = this._getOrCreateCacheEntry(
@@ -393,7 +393,7 @@ class QueryResourceImpl {
     fetchObservable: Observable<GraphQLResponse>,
     fetchPolicy: FetchPolicy,
     renderPolicy: RenderPolicy,
-    profilerContext: mixed,
+    profilerContext: unknown,
     observer: Observer<Snapshot>,
   ): QueryResourceCacheEntry {
     const environment = this._environment;

package/relay-hooks/__flowtests__/EntryPointTypes/ExtractQueryTypes-flowtest.js.flow

@@ -19,7 +19,7 @@ import type {
 
 type Query = {
   +variables: {foo: string, bar: number},
-  +response: mixed,
+  +response: unknown,
   +rawResponse?: {...},
 };
 

package/relay-hooks/getConnectionState.js.flow

@@ -19,7 +19,7 @@ const {ConnectionInterface, getValueAtPath} = require('relay-runtime');
 function getConnectionState(
   direction: Direction,
   fragmentNode: ReaderFragment,
-  fragmentData: mixed,
+  fragmentData: unknown,
   connectionPathInFragmentData: $ReadOnlyArray<string | number>,
 ): {
   cursor: ?string,

package/relay-hooks/legacy/FragmentResource.js.flow

@@ -46,7 +46,7 @@ type FragmentResourceCache = Cache<
   | {
       kind: 'pending',
       pendingOperations: $ReadOnlyArray<RequestDescriptor>,
-      promise: Promise<mixed>,
+      promise: Promise<unknown>,
       result: FragmentResult,
     }
   | {kind: 'done', result: FragmentResult}
@@ -65,9 +65,9 @@ interface IMap<K, V> {
 
 type SingularOrPluralSnapshot = Snapshot | $ReadOnlyArray<Snapshot>;
 
-opaque type FragmentResult: {data: mixed, ...} = {
+opaque type FragmentResult: {data: unknown, ...} = {
   cacheKey: string,
-  data: mixed,
+  data: unknown,
   isMissingData: boolean,
   snapshot: SingularOrPluralSnapshot | null,
   storeEpoch: number,
@@ -217,7 +217,7 @@ class FragmentResourceImpl {
    */
   read(
     fragmentNode: ReaderFragment,
-    fragmentRef: mixed,
+    fragmentRef: unknown,
     componentDisplayName: string,
     fragmentKey?: string,
   ): FragmentResult {
@@ -237,7 +237,7 @@ class FragmentResourceImpl {
    */
   readWithIdentifier(
     fragmentNode: ReaderFragment,
-    fragmentRef: mixed,
+    fragmentRef: unknown,
     fragmentIdentifier: string,
     componentDisplayName: string,
     fragmentKey?: ?string,
@@ -527,7 +527,7 @@ class FragmentResourceImpl {
   _performClientEdgeQuery(
     queryResource: QueryResource,
     fragmentNode: ReaderFragment,
-    fragmentRef: mixed,
+    fragmentRef: unknown,
     request: ConcreteRequest,
     clientEdgeDestinationID: DataID,
   ): {queryResult: QueryResult, requestDescriptor: RequestDescriptor} {
@@ -568,7 +568,7 @@ class FragmentResourceImpl {
 
   readSpec(
     fragmentNodes: {[string]: ReaderFragment, ...},
-    fragmentRefs: {[string]: mixed, ...},
+    fragmentRefs: {[string]: unknown, ...},
     componentDisplayName: string,
   ): {[string]: FragmentResult, ...} {
     const result: {[string]: FragmentResult} = {};

package/relay-hooks/legacy/useBlockingPaginationFragment.js.flow

@@ -31,7 +31,7 @@ type RefetchVariables<TVariables, TKey> =
   // NOTE: This type ensures that the type of the variables is either:
   //   - nullable if the provided ref type is non-nullable
   //   - non-nullable if the provided ref type is nullable, and the caller need to provide the full set of variables
-  [+key: TKey] extends [+key: {+$fragmentSpreads: mixed, ...}]
+  [+key: TKey] extends [+key: {+$fragmentSpreads: unknown, ...}]
     ? Partial<TVariables>
     : TVariables;
 
@@ -49,7 +49,7 @@ type ReturnType<TVariables, TData, TKey> = {
   // NOTE: This rtpw ensures that the type of the returned data is either:
   //   - nullable if the provided ref type is nullable
   //   - non-nullable if the provided ref type is non-nullable
-  data: [+key: TKey] extends [+key: {+$fragmentSpreads: mixed, ...}]
+  data: [+key: TKey] extends [+key: {+$fragmentSpreads: unknown, ...}]
     ? TData
     : ?TData,
   loadNext: LoadMoreFn<TVariables>,
@@ -99,7 +99,7 @@ hook useBlockingPaginationFragment<
       variables: TVariables,
     },
     {
-      +$data: mixed,
+      +$data: unknown,
       ...
     },
   >(fragmentNode, parentFragmentRef, componentDisplayName);
@@ -167,10 +167,10 @@ hook useLoadMore<TVariables: Variables>(args: {
   ...$Exact<Omit<UseLoadMoreFunctionArgs, 'observer' | 'onReset'>>,
 }): [LoadMoreFn<TVariables>, boolean, () => void] {
   const {disableStoreUpdates, enableStoreUpdates, ...loadMoreArgs} = args;
-  const [requestPromise, setRequestPromise] = useState<null | Promise<mixed>>(
+  const [requestPromise, setRequestPromise] = useState<null | Promise<unknown>>(
     null,
   );
-  const requestPromiseRef = useRef<null | Promise<mixed>>(null);
+  const requestPromiseRef = useRef<null | Promise<unknown>>(null);
   const promiseResolveRef = useRef<null | (() => void)>(null);
 
   const promiseResolve = () => {

package/relay-hooks/legacy/useFragmentNode.js.flow

@@ -20,15 +20,15 @@ const {useEffect, useState} = require('react');
 const {RelayFeatureFlags, getFragmentIdentifier} = require('relay-runtime');
 const warning = require('warning');
 
-type ReturnType<TFragmentData: mixed> = {
+type ReturnType<TFragmentData: unknown> = {
   data: TFragmentData,
   disableStoreUpdates: () => void,
   enableStoreUpdates: () => void,
 };
 
-hook useFragmentNode<TFragmentData: mixed>(
+hook useFragmentNode<TFragmentData: unknown>(
   fragmentNode: ReaderFragment,
-  fragmentRef: mixed,
+  fragmentRef: unknown,
   componentDisplayName: string,
 ): ReturnType<TFragmentData> {
   const environment = useRelayEnvironment();