@isograph/react 0.0.0-main-c06bc99a → 0.0.0-main-7fb13e90

package/dist/core/FragmentReference.d.ts

@@ -7,7 +7,7 @@ export type Variables = {
 };
 export type FragmentReference<TReadFromStore extends Object, TClientFieldValue> = {
     readonly kind: 'FragmentReference';
-    readonly readerWithRefetchQueries: ReaderWithRefetchQueries<TReadFromStore, TClientFieldValue>;
+    readonly readerWithRefetchQueries: PromiseWrapper<ReaderWithRefetchQueries<TReadFromStore, TClientFieldValue>>;
     readonly root: DataId;
     readonly variables: Variables | null;
     readonly networkRequest: PromiseWrapper<void, any>;

package/dist/core/PromiseWrapper.d.ts

@@ -12,11 +12,12 @@ type Result<T, E> = {
  * Invariant:
  * Before the promise is resolved, value becomes non-null.
  */
-export type PromiseWrapper<T, E> = {
+export type PromiseWrapper<T, E = any> = {
     readonly promise: Promise<T>;
     result: Result<Exclude<T, NotSet>, E> | NotSet;
 };
 export declare function wrapPromise<T>(promise: Promise<T>): PromiseWrapper<T, any>;
+export declare function wrapResolvedValue<T>(value: T): PromiseWrapper<T, never>;
 export declare function readPromise<T, E>(p: PromiseWrapper<T, E>): T;
 export type PromiseState<T, E> = {
     kind: 'Pending';

package/dist/core/PromiseWrapper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPromiseState = exports.readPromise = exports.wrapPromise = void 0;
+exports.getPromiseState = exports.readPromise = exports.wrapResolvedValue = exports.wrapPromise = void 0;
 const NOT_SET = Symbol('NOT_SET');
 function wrapPromise(promise) {
     // TODO confirm suspense works if the promise is already resolved.
@@ -17,6 +17,17 @@ function wrapPromise(promise) {
     return wrapper;
 }
 exports.wrapPromise = wrapPromise;
+function wrapResolvedValue(value) {
+    return {
+        promise: Promise.resolve(value),
+        result: {
+            kind: 'Ok',
+            // @ts-expect-error one should not call wrapResolvedValue with NOT_SET
+            value,
+        },
+    };
+}
+exports.wrapResolvedValue = wrapResolvedValue;
 function readPromise(p) {
     const { result } = p;
     if (result !== NOT_SET) {

package/dist/core/cache.js

@@ -6,6 +6,7 @@ const IsographEnvironment_1 = require("./IsographEnvironment");
 const read_1 = require("./read");
 const areEqualWithDeepComparison_1 = require("./areEqualWithDeepComparison");
 const makeNetworkRequest_1 = require("./makeNetworkRequest");
+const PromiseWrapper_1 = require("./PromiseWrapper");
 const TYPENAME_FIELD_NAME = '__typename';
 function getOrCreateItemInSuspenseCache(environment, index, factory) {
     // @ts-expect-error
@@ -51,11 +52,11 @@ function getOrCreateCacheForArtifact(environment, entrypoint, variables) {
         const itemCleanupPair = [
             {
                 kind: 'FragmentReference',
-                readerWithRefetchQueries: {
+                readerWithRefetchQueries: (0, PromiseWrapper_1.wrapResolvedValue)({
                     kind: 'ReaderWithRefetchQueries',
                     readerArtifact: entrypoint.readerWithRefetchQueries.readerArtifact,
                     nestedRefetchQueries: entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
-                },
+                }),
                 root: IsographEnvironment_1.ROOT_ID,
                 variables,
                 networkRequest: networkRequest,

package/dist/core/componentCache.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOrCreateCachedComponent = void 0;
 const cache_1 = require("./cache");
 const useReadAndSubscribe_1 = require("../react/useReadAndSubscribe");
+const PromiseWrapper_1 = require("./PromiseWrapper");
 function getOrCreateCachedComponent(environment, componentName, fragmentReference, networkRequestOptions) {
     var _a, _b, _c;
     // cachedComponentsById is a three layer cache: id, then component name, then
@@ -26,7 +27,8 @@ function getOrCreateCachedComponent(environment, componentName, fragmentReferenc
                         ' ' +
                         fragmentReference.root);
                 }
-                return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(data, additionalRuntimeProps);
+                const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
+                return readerWithRefetchQueries.readerArtifact.resolver(data, additionalRuntimeProps);
             }
             Component.displayName = `${componentName} (id: ${fragmentReference.root}) @component`;
             return Component;

package/dist/core/read.js

@@ -5,10 +5,12 @@ const cache_1 = require("./cache");
 const componentCache_1 = require("./componentCache");
 const IsographEnvironment_1 = require("./IsographEnvironment");
 const makeNetworkRequest_1 = require("./makeNetworkRequest");
+const PromiseWrapper_1 = require("./PromiseWrapper");
 function readButDoNotEvaluate(environment, fragmentReference, networkRequestOptions) {
     var _a;
     const mutableEncounteredRecords = new Set();
-    const response = readData(environment, fragmentReference.readerWithRefetchQueries.readerArtifact.readerAst, fragmentReference.root, (_a = fragmentReference.variables) !== null && _a !== void 0 ? _a : {}, fragmentReference.readerWithRefetchQueries.nestedRefetchQueries, fragmentReference.networkRequest, networkRequestOptions, mutableEncounteredRecords);
+    const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
+    const response = readData(environment, readerWithRefetchQueries.readerArtifact.readerAst, fragmentReference.root, (_a = fragmentReference.variables) !== null && _a !== void 0 ? _a : {}, readerWithRefetchQueries.nestedRefetchQueries, fragmentReference.networkRequest, networkRequestOptions, mutableEncounteredRecords);
     // @ts-expect-error
     if (typeof window !== 'undefined' && window.__LOG) {
         console.log('done reading', { response });
@@ -208,11 +210,11 @@ function readData(environment, ast, root, variables, nestedRefetchQueries, netwo
                 else if (kind === 'ComponentReaderArtifact') {
                     target[field.alias] = (0, componentCache_1.getOrCreateCachedComponent)(environment, field.readerArtifact.componentName, {
                         kind: 'FragmentReference',
-                        readerWithRefetchQueries: {
+                        readerWithRefetchQueries: (0, PromiseWrapper_1.wrapResolvedValue)({
                             kind: 'ReaderWithRefetchQueries',
                             readerArtifact: field.readerArtifact,
                             nestedRefetchQueries: resolverRefetchQueries,
-                        },
+                        }),
                         root,
                         variables: generateChildVariableMap(variables, field.arguments),
                         networkRequest,
@@ -252,12 +254,12 @@ function readData(environment, ast, root, variables, nestedRefetchQueries, netwo
                                 const [networkRequest, disposeNetworkRequest] = (0, makeNetworkRequest_1.makeNetworkRequest)(environment, field.entrypoint, localVariables);
                                 const fragmentReference = {
                                     kind: 'FragmentReference',
-                                    readerWithRefetchQueries: {
+                                    readerWithRefetchQueries: (0, PromiseWrapper_1.wrapResolvedValue)({
                                         kind: 'ReaderWithRefetchQueries',
                                         readerArtifact: field.entrypoint.readerWithRefetchQueries.readerArtifact,
                                         nestedRefetchQueries: field.entrypoint.readerWithRefetchQueries
                                             .nestedRefetchQueries,
-                                    },
+                                    }),
                                     // TODO localVariables is not guaranteed to have an id field
                                     root: localVariables.id,
                                     variables: localVariables,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { retainQuery, unretainQuery, type RetainedQuery, garbageCollectEnvironment, } from './core/garbageCollection';
-export { type PromiseWrapper, readPromise, getPromiseState, } from './core/PromiseWrapper';
+export { type PromiseWrapper, readPromise, getPromiseState, wrapResolvedValue, wrapPromise, } from './core/PromiseWrapper';
 export { subscribe, normalizeData } from './core/cache';
 export { makeNetworkRequest } from './core/makeNetworkRequest';
 export { ROOT_ID, type DataId, type DataTypeValue, type IsographEnvironment, type IsographNetworkFunction, type IsographStore, type Link, type StoreRecord, createIsographEnvironment, createIsographStore, defaultMissingFieldHandler, } from './core/IsographEnvironment';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSuspensefulSkipLimitPagination = exports.useClientSideDefer = exports.useRerenderOnChange = exports.useLazyReference = exports.useSubscribeToMultiple = exports.useReadAndSubscribe = exports.useResult = exports.FragmentReader = exports.useImperativeReference = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.stableIdForFragmentReference = exports.readButDoNotEvaluate = exports.assertIsEntrypoint = exports.defaultMissingFieldHandler = exports.createIsographStore = exports.createIsographEnvironment = exports.ROOT_ID = exports.makeNetworkRequest = exports.normalizeData = exports.subscribe = exports.getPromiseState = exports.readPromise = exports.garbageCollectEnvironment = exports.unretainQuery = exports.retainQuery = void 0;
+exports.useSuspensefulSkipLimitPagination = exports.useClientSideDefer = exports.useRerenderOnChange = exports.useLazyReference = exports.useSubscribeToMultiple = exports.useReadAndSubscribe = exports.useResult = exports.FragmentReader = exports.useImperativeReference = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.stableIdForFragmentReference = exports.readButDoNotEvaluate = exports.assertIsEntrypoint = exports.defaultMissingFieldHandler = exports.createIsographStore = exports.createIsographEnvironment = exports.ROOT_ID = exports.makeNetworkRequest = exports.normalizeData = exports.subscribe = exports.wrapPromise = exports.wrapResolvedValue = exports.getPromiseState = exports.readPromise = exports.garbageCollectEnvironment = exports.unretainQuery = exports.retainQuery = void 0;
 var garbageCollection_1 = require("./core/garbageCollection");
 Object.defineProperty(exports, "retainQuery", { enumerable: true, get: function () { return garbageCollection_1.retainQuery; } });
 Object.defineProperty(exports, "unretainQuery", { enumerable: true, get: function () { return garbageCollection_1.unretainQuery; } });
@@ -8,6 +8,8 @@ Object.defineProperty(exports, "garbageCollectEnvironment", { enumerable: true,
 var PromiseWrapper_1 = require("./core/PromiseWrapper");
 Object.defineProperty(exports, "readPromise", { enumerable: true, get: function () { return PromiseWrapper_1.readPromise; } });
 Object.defineProperty(exports, "getPromiseState", { enumerable: true, get: function () { return PromiseWrapper_1.getPromiseState; } });
+Object.defineProperty(exports, "wrapResolvedValue", { enumerable: true, get: function () { return PromiseWrapper_1.wrapResolvedValue; } });
+Object.defineProperty(exports, "wrapPromise", { enumerable: true, get: function () { return PromiseWrapper_1.wrapPromise; } });
 var cache_1 = require("./core/cache");
 Object.defineProperty(exports, "subscribe", { enumerable: true, get: function () { return cache_1.subscribe; } });
 Object.defineProperty(exports, "normalizeData", { enumerable: true, get: function () { return cache_1.normalizeData; } });

package/dist/loadable-hooks/useSuspensefulSkipLimitPagination.js

@@ -6,6 +6,7 @@ const useResult_1 = require("../react/useResult");
 const read_1 = require("../core/read");
 const react_disposable_state_1 = require("@isograph/react-disposable-state");
 const reference_counted_pointer_1 = require("@isograph/reference-counted-pointer");
+const PromiseWrapper_1 = require("../core/PromiseWrapper");
 function flatten(arr) {
     let outArray = [];
     for (const subarr of arr) {
@@ -42,7 +43,8 @@ function useSuspensefulSkipLimitPagination(loadableField) {
         }
         (0, useResult_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
         const data = (0, read_1.readButDoNotEvaluate)(environment, fragmentReference, networkRequestOptions);
-        return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(data.item, undefined);
+        const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
+        return readerWithRefetchQueries.readerArtifact.resolver(data.item, undefined);
     });
     const items = flatten(results);
     const loadedSoFar = items.length;

package/dist/react/useImperativeReference.js

@@ -5,6 +5,7 @@ const react_disposable_state_1 = require("@isograph/react-disposable-state");
 const IsographEnvironmentProvider_1 = require("./IsographEnvironmentProvider");
 const IsographEnvironment_1 = require("../core/IsographEnvironment");
 const makeNetworkRequest_1 = require("../core/makeNetworkRequest");
+const PromiseWrapper_1 = require("../core/PromiseWrapper");
 function useImperativeReference(entrypoint) {
     const { state, setState } = (0, react_disposable_state_1.useUpdatableDisposableState)();
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
@@ -15,11 +16,11 @@ function useImperativeReference(entrypoint) {
             setState([
                 {
                     kind: 'FragmentReference',
-                    readerWithRefetchQueries: {
+                    readerWithRefetchQueries: (0, PromiseWrapper_1.wrapResolvedValue)({
                         kind: 'ReaderWithRefetchQueries',
                         readerArtifact: entrypoint.readerWithRefetchQueries.readerArtifact,
                         nestedRefetchQueries: entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
-                    },
+                    }),
                     root: IsographEnvironment_1.ROOT_ID,
                     variables,
                     networkRequest,

package/dist/react/useResult.js

@@ -10,14 +10,15 @@ function useResult(fragmentReference, partialNetworkRequestOptions) {
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
     const networkRequestOptions = (0, read_1.getNetworkRequestOptionsWithDefaults)(partialNetworkRequestOptions);
     maybeUnwrapNetworkRequest(fragmentReference.networkRequest, networkRequestOptions);
-    switch (fragmentReference.readerWithRefetchQueries.readerArtifact.kind) {
+    const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
+    switch (readerWithRefetchQueries.readerArtifact.kind) {
         case 'ComponentReaderArtifact': {
             // @ts-expect-error
-            return (0, componentCache_1.getOrCreateCachedComponent)(environment, fragmentReference.readerWithRefetchQueries.readerArtifact.componentName, fragmentReference, networkRequestOptions);
+            return (0, componentCache_1.getOrCreateCachedComponent)(environment, readerWithRefetchQueries.readerArtifact.componentName, fragmentReference, networkRequestOptions);
         }
         case 'EagerReaderArtifact': {
             const data = (0, useReadAndSubscribe_1.useReadAndSubscribe)(fragmentReference, networkRequestOptions);
-            return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(data);
+            return readerWithRefetchQueries.readerArtifact.resolver(data);
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-c06bc99a",
+  "version": "0.0.0-main-7fb13e90",
   "description": "Use Isograph with React",
   "homepage": "https://isograph.dev",
   "main": "dist/index.js",
@@ -17,9 +17,9 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-c06bc99a",
-    "@isograph/react-disposable-state": "0.0.0-main-c06bc99a",
-    "@isograph/reference-counted-pointer": "0.0.0-main-c06bc99a"
+    "@isograph/disposable-types": "0.0.0-main-7fb13e90",
+    "@isograph/react-disposable-state": "0.0.0-main-7fb13e90",
+    "@isograph/reference-counted-pointer": "0.0.0-main-7fb13e90"
   },
   "peerDependencies": {
     "react": "18.2.0"

package/src/core/FragmentReference.ts

@@ -12,9 +12,8 @@ export type FragmentReference<
   TClientFieldValue,
 > = {
   readonly kind: 'FragmentReference';
-  readonly readerWithRefetchQueries: ReaderWithRefetchQueries<
-    TReadFromStore,
-    TClientFieldValue
+  readonly readerWithRefetchQueries: PromiseWrapper<
+    ReaderWithRefetchQueries<TReadFromStore, TClientFieldValue>
   >;
   readonly root: DataId;
   readonly variables: Variables | null;

package/src/core/PromiseWrapper.ts

@@ -17,7 +17,7 @@ type Result<T, E> =
  * Invariant:
  * Before the promise is resolved, value becomes non-null.
  */
-export type PromiseWrapper<T, E> = {
+export type PromiseWrapper<T, E = any> = {
   readonly promise: Promise<T>;
   result: Result<Exclude<T, NotSet>, E> | NotSet;
 };
@@ -37,6 +37,17 @@ export function wrapPromise<T>(promise: Promise<T>): PromiseWrapper<T, any> {
   return wrapper;
 }
 
+export function wrapResolvedValue<T>(value: T): PromiseWrapper<T, never> {
+  return {
+    promise: Promise.resolve(value),
+    result: {
+      kind: 'Ok',
+      // @ts-expect-error one should not call wrapResolvedValue with NOT_SET
+      value,
+    },
+  };
+}
+
 export function readPromise<T, E>(p: PromiseWrapper<T, E>): T {
   const { result } = p;
   if (result !== NOT_SET) {

package/src/core/cache.ts

@@ -27,6 +27,7 @@ import { WithEncounteredRecords, readButDoNotEvaluate } from './read';
 import { FragmentReference, Variables } from './FragmentReference';
 import { areEqualObjectsWithDeepComparison } from './areEqualWithDeepComparison';
 import { makeNetworkRequest } from './makeNetworkRequest';
+import { wrapResolvedValue } from './PromiseWrapper';
 
 const TYPENAME_FIELD_NAME = '__typename';
 
@@ -95,12 +96,12 @@ export function getOrCreateCacheForArtifact<
     > = [
       {
         kind: 'FragmentReference',
-        readerWithRefetchQueries: {
+        readerWithRefetchQueries: wrapResolvedValue({
           kind: 'ReaderWithRefetchQueries',
           readerArtifact: entrypoint.readerWithRefetchQueries.readerArtifact,
           nestedRefetchQueries:
             entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
-        },
+        }),
         root: ROOT_ID,
         variables,
         networkRequest: networkRequest,

package/src/core/componentCache.ts

@@ -3,6 +3,7 @@ import { IsographEnvironment } from './IsographEnvironment';
 import { FragmentReference } from './FragmentReference';
 import { useReadAndSubscribe } from '../react/useReadAndSubscribe';
 import { NetworkRequestReaderOptions } from './read';
+import { readPromise } from './PromiseWrapper';
 
 export function getOrCreateCachedComponent(
   environment: IsographEnvironment,
@@ -44,7 +45,11 @@ export function getOrCreateCachedComponent(
           );
         }
 
-        return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(
+        const readerWithRefetchQueries = readPromise(
+          fragmentReference.readerWithRefetchQueries,
+        );
+
+        return readerWithRefetchQueries.readerArtifact.resolver(
           data,
           additionalRuntimeProps,
         );

package/src/core/read.ts

@@ -9,7 +9,11 @@ import {
   IsographEnvironment,
 } from './IsographEnvironment';
 import { makeNetworkRequest } from './makeNetworkRequest';
-import { PromiseWrapper } from './PromiseWrapper';
+import {
+  PromiseWrapper,
+  readPromise,
+  wrapResolvedValue,
+} from './PromiseWrapper';
 import { ReaderAst } from './reader';
 import { Arguments } from './util';
 
@@ -24,12 +28,17 @@ export function readButDoNotEvaluate<TReadFromStore extends Object>(
   networkRequestOptions: NetworkRequestReaderOptions,
 ): WithEncounteredRecords<TReadFromStore> {
   const mutableEncounteredRecords = new Set<DataId>();
+
+  const readerWithRefetchQueries = readPromise(
+    fragmentReference.readerWithRefetchQueries,
+  );
+
   const response = readData(
     environment,
-    fragmentReference.readerWithRefetchQueries.readerArtifact.readerAst,
+    readerWithRefetchQueries.readerArtifact.readerAst,
     fragmentReference.root,
     fragmentReference.variables ?? {},
-    fragmentReference.readerWithRefetchQueries.nestedRefetchQueries,
+    readerWithRefetchQueries.nestedRefetchQueries,
     fragmentReference.networkRequest,
     networkRequestOptions,
     mutableEncounteredRecords,
@@ -309,11 +318,11 @@ function readData<TReadFromStore>(
             field.readerArtifact.componentName,
             {
               kind: 'FragmentReference',
-              readerWithRefetchQueries: {
+              readerWithRefetchQueries: wrapResolvedValue({
                 kind: 'ReaderWithRefetchQueries',
                 readerArtifact: field.readerArtifact,
                 nestedRefetchQueries: resolverRefetchQueries,
-              },
+              }),
               root,
               variables: generateChildVariableMap(variables, field.arguments),
               networkRequest,
@@ -373,16 +382,18 @@ function readData<TReadFromStore>(
                     field.entrypoint,
                     localVariables,
                   );
+
                 const fragmentReference: FragmentReference<any, any> = {
                   kind: 'FragmentReference',
-                  readerWithRefetchQueries: {
+                  readerWithRefetchQueries: wrapResolvedValue({
                     kind: 'ReaderWithRefetchQueries',
                     readerArtifact:
                       field.entrypoint.readerWithRefetchQueries.readerArtifact,
                     nestedRefetchQueries:
                       field.entrypoint.readerWithRefetchQueries
                         .nestedRefetchQueries,
-                  },
+                  } as const),
+
                   // TODO localVariables is not guaranteed to have an id field
                   root: localVariables.id,
                   variables: localVariables,

package/src/index.ts

@@ -8,6 +8,8 @@ export {
   type PromiseWrapper,
   readPromise,
   getPromiseState,
+  wrapResolvedValue,
+  wrapPromise,
 } from './core/PromiseWrapper';
 export { subscribe, normalizeData } from './core/cache';
 export { makeNetworkRequest } from './core/makeNetworkRequest';

package/src/loadable-hooks/useSuspensefulSkipLimitPagination.ts

@@ -12,6 +12,7 @@ import {
   createReferenceCountedPointer,
   ReferenceCountedPointer,
 } from '@isograph/reference-counted-pointer';
+import { readPromise } from '../core/PromiseWrapper';
 
 type SkipOrLimit = 'skip' | 'limit';
 type OmitSkipLimit<TArgs> = keyof Omit<TArgs, SkipOrLimit> extends never
@@ -91,7 +92,12 @@ export function useSuspensefulSkipLimitPagination<
       fragmentReference,
       networkRequestOptions,
     );
-    return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(
+
+    const readerWithRefetchQueries = readPromise(
+      fragmentReference.readerWithRefetchQueries,
+    );
+
+    return readerWithRefetchQueries.readerArtifact.resolver(
       data.item,
       undefined,
     ) as ReadonlyArray<any>;

package/src/react/useImperativeReference.ts

@@ -7,6 +7,7 @@ import { FragmentReference, Variables } from '../core/FragmentReference';
 import { useIsographEnvironment } from './IsographEnvironmentProvider';
 import { ROOT_ID } from '../core/IsographEnvironment';
 import { makeNetworkRequest } from '../core/makeNetworkRequest';
+import { wrapResolvedValue } from '../core/PromiseWrapper';
 
 export function useImperativeReference<
   TReadFromStore extends Object,
@@ -35,12 +36,12 @@ export function useImperativeReference<
       setState([
         {
           kind: 'FragmentReference',
-          readerWithRefetchQueries: {
+          readerWithRefetchQueries: wrapResolvedValue({
             kind: 'ReaderWithRefetchQueries',
             readerArtifact: entrypoint.readerWithRefetchQueries.readerArtifact,
             nestedRefetchQueries:
               entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
-          },
+          }),
           root: ROOT_ID,
           variables,
           networkRequest,

package/src/react/useResult.ts

@@ -6,7 +6,11 @@ import {
   getNetworkRequestOptionsWithDefaults,
   NetworkRequestReaderOptions,
 } from '../core/read';
-import { getPromiseState, PromiseWrapper } from '../core/PromiseWrapper';
+import {
+  getPromiseState,
+  PromiseWrapper,
+  readPromise,
+} from '../core/PromiseWrapper';
 
 export function useResult<TReadFromStore extends Object, TClientFieldValue>(
   fragmentReference: FragmentReference<TReadFromStore, TClientFieldValue>,
@@ -21,13 +25,16 @@ export function useResult<TReadFromStore extends Object, TClientFieldValue>(
     fragmentReference.networkRequest,
     networkRequestOptions,
   );
+  const readerWithRefetchQueries = readPromise(
+    fragmentReference.readerWithRefetchQueries,
+  );
 
-  switch (fragmentReference.readerWithRefetchQueries.readerArtifact.kind) {
+  switch (readerWithRefetchQueries.readerArtifact.kind) {
     case 'ComponentReaderArtifact': {
       // @ts-expect-error
       return getOrCreateCachedComponent(
         environment,
-        fragmentReference.readerWithRefetchQueries.readerArtifact.componentName,
+        readerWithRefetchQueries.readerArtifact.componentName,
         fragmentReference,
         networkRequestOptions,
       );
@@ -37,9 +44,7 @@ export function useResult<TReadFromStore extends Object, TClientFieldValue>(
         fragmentReference,
         networkRequestOptions,
       );
-      return fragmentReference.readerWithRefetchQueries.readerArtifact.resolver(
-        data,
-      );
+      return readerWithRefetchQueries.readerArtifact.resolver(data);
     }
   }
 }

package/src/tests/__isograph/Query/meName/entrypoint.ts

@@ -42,6 +42,6 @@ const artifact: IsographEntrypoint<
     nestedRefetchQueries,
     readerArtifact: readerResolver,
   }
-            };
+};
 
 export default artifact;

package/src/tests/__isograph/Query/meNameSuccessor/entrypoint.ts

@@ -78,6 +78,6 @@ const artifact: IsographEntrypoint<
     nestedRefetchQueries,
     readerArtifact: readerResolver,
   }
-            };
+};
 
 export default artifact;

package/src/tests/__isograph/Query/nodeField/entrypoint.ts

@@ -41,6 +41,6 @@ const artifact: IsographEntrypoint<
     nestedRefetchQueries,
     readerArtifact: readerResolver,
   }
-            };
+};
 
 export default artifact;