@khanacademy/wonder-blocks-data 10.0.5 → 10.1.1

package/dist/util/types.d.ts

@@ -0,0 +1,111 @@
+import type { Metadata } from "@khanacademy/wonder-stuff-core";
+/**
+ * Defines the various fetch policies that can be applied to requests.
+ */
+export declare const FetchPolicy: {
+    /**
+     * If the data is in the cache, return that; otherwise, fetch from the
+     * server.
+     */
+    readonly CacheBeforeNetwork: "CacheBeforeNetwork";
+    /**
+     * If the data is in the cache, return that; always fetch from the server
+     * regardless of cache.
+     */
+    readonly CacheAndNetwork: "CacheAndNetwork";
+    /**
+     * If the data is in the cache, return that; otherwise, do nothing.
+     */
+    readonly CacheOnly: "CacheOnly";
+    /**
+     * Ignore any existing cached result; always fetch from the server.
+     */
+    readonly NetworkOnly: "NetworkOnly";
+};
+/**
+ * Define what can be cached.
+ *
+ * We disallow functions and undefined as undefined represents a cache miss
+ * and functions are not allowed.
+ */
+export type ValidCacheData = string | boolean | number | Record<any, any> | Array<ValidCacheData | null | undefined>;
+/**
+ * The normalized result of a request.
+ */
+export type Result<TData extends ValidCacheData> = {
+    status: "loading";
+} | {
+    status: "success";
+    data: TData;
+} | {
+    status: "error";
+    error: Error;
+} | {
+    status: "aborted";
+};
+/**
+ * A cache entry for a fulfilled request response.
+ */
+export type CachedResponse<TData extends ValidCacheData> = {
+    readonly error: string;
+    readonly data?: undefined;
+} | {
+    readonly data: TData;
+    readonly error?: undefined;
+};
+/**
+ * A cache of fulfilled request responses.
+ */
+export type ResponseCache = {
+    [key: string]: CachedResponse<any>;
+};
+/**
+ * A cache with scoped sections.
+ */
+export type RawScopedCache = {
+    /**
+     * The cache is scoped to allow easier clearing of different types of usage.
+     */
+    [scope: string]: {
+        /**
+         * Each value in the cache is then identified within a given scope.
+         */
+        [id: string]: ValidCacheData;
+    };
+};
+/**
+ * Options to pass to error construction.
+ */
+export type ErrorOptions = {
+    /**
+     * Metadata to attach to the error.
+     */
+    metadata?: Metadata | null | undefined;
+    /**
+     * The error that caused the error being constructed.
+     */
+    cause?: Error | null | undefined;
+};
+export interface ScopedCache {
+    set(scope: string, id: string, value: ValidCacheData): void;
+    /**
+     * Retrieve a value from the cache.
+     */
+    get(scope: string, id: string): ValidCacheData | null | undefined;
+    /**
+     * Purge an item from the cache.
+     */
+    purge(scope: string, id: string): void;
+    /**
+     * Purge a scope of items that match the given predicate.
+     *
+     * If the predicate is omitted, then all items in the scope are purged.
+     */
+    purgeScope(scope: string, predicate?: (id: string, value: ValidCacheData) => boolean): void;
+    /**
+     * Purge all items from the cache that match the given predicate.
+     *
+     * If the predicate is omitted, then all items in the cache are purged.
+     */
+    purgeAll(predicate?: (scope: string, id: string, value: ValidCacheData) => boolean): void;
+}

package/dist/util/types.js.flow

@@ -0,0 +1,151 @@
+/**
+ * Flowtype definitions for types
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+
+import type { Metadata } from "@khanacademy/wonder-stuff-core";
+
+/**
+ * Defines the various fetch policies that can be applied to requests.
+ */
+declare export var FetchPolicy: {
+  /**
+   * If the data is in the cache, return that; otherwise, fetch from the
+   * server.
+   */
+  +CacheBeforeNetwork: "CacheBeforeNetwork",
+
+  /**
+   * If the data is in the cache, return that; always fetch from the server
+   * regardless of cache.
+   */
+  +CacheAndNetwork: "CacheAndNetwork",
+
+  /**
+   * If the data is in the cache, return that; otherwise, do nothing.
+   */
+  +CacheOnly: "CacheOnly",
+
+  /**
+   * Ignore any existing cached result; always fetch from the server.
+   */
+  +NetworkOnly: "NetworkOnly",
+  ...
+};
+/**
+ * Define what can be cached.
+ *
+ * We disallow functions and undefined as undefined represents a cache miss
+ * and functions are not allowed.
+ */
+export type ValidCacheData =
+  | string
+  | boolean
+  | number
+  | { [key: any]: any, ... }
+  | Array<ValidCacheData | null | void>;
+/**
+ * The normalized result of a request.
+ */
+export type Result<TData: ValidCacheData> =
+  | {
+      status: "loading",
+      ...
+    }
+  | {
+      status: "success",
+      data: TData,
+      ...
+    }
+  | {
+      status: "error",
+      error: Error,
+      ...
+    }
+  | {
+      status: "aborted",
+      ...
+    };
+/**
+ * A cache entry for a fulfilled request response.
+ */
+export type CachedResponse<TData: ValidCacheData> =
+  | {
+      +error: string,
+      +data?: void,
+      ...
+    }
+  | {
+      +data: TData,
+      +error?: void,
+      ...
+    };
+/**
+ * A cache of fulfilled request responses.
+ */
+export type ResponseCache = {
+  [key: string]: CachedResponse<any>,
+};
+/**
+ * A cache with scoped sections.
+ */
+export type RawScopedCache = {
+  /**
+   * The cache is scoped to allow easier clearing of different types of usage.
+   */
+  [scope: string]: {
+    /**
+     * Each value in the cache is then identified within a given scope.
+     */
+    [id: string]: ValidCacheData,
+  },
+};
+/**
+ * Options to pass to error construction.
+ */
+export type ErrorOptions = {
+  /**
+   * Metadata to attach to the error.
+   */
+  metadata?: Metadata | null | void,
+
+  /**
+   * The error that caused the error being constructed.
+   */
+  cause?: Error | null | void,
+  ...
+};
+export interface ScopedCache {
+  set(scope: string, id: string, value: ValidCacheData): void;
+
+  /**
+   * Retrieve a value from the cache.
+   */
+  get(scope: string, id: string): ValidCacheData | null | void;
+
+  /**
+   * Purge an item from the cache.
+   */
+  purge(scope: string, id: string): void;
+
+  /**
+   * Purge a scope of items that match the given predicate.
+   *
+   * If the predicate is omitted, then all items in the scope are purged.
+   */
+  purgeScope(
+    scope: string,
+    predicate?: (id: string, value: ValidCacheData) => boolean
+  ): void;
+
+  /**
+   * Purge all items from the cache that match the given predicate.
+   *
+   * If the predicate is omitted, then all items in the cache are purged.
+   */
+  purgeAll(
+    predicate?: (scope: string, id: string, value: ValidCacheData) => boolean
+  ): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-data",
-  "version": "10.0.5",
+  "version": "10.1.1",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -8,21 +8,20 @@
   "description": "",
   "main": "dist/index.js",
   "module": "dist/es/index.js",
-  "source": "src/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^4.6.2"
+    "@khanacademy/wonder-blocks-core": "^4.8.0"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-stuff-core": "^1.2.0",
-    "flow-enums-runtime": "^0.0.6",
+    "@khanacademy/wonder-stuff-core": "^1.2.2",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.7.0"
+    "wb-dev-build-settings": "^0.7.2"
   },
   "author": "",
   "license": "MIT"

package/src/components/__tests__/{data.test.js → data.test.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable max-lines */
-// @flow
 import * as React from "react";
 import {render, act} from "@testing-library/react";
 
@@ -7,20 +6,14 @@ import {render, act} from "@testing-library/react";
 import * as ReactDOMServer from "react-dom/server";
 import {Server, View} from "@khanacademy/wonder-blocks-core";
 
-import {SharedCache} from "../../hooks/use-shared-cache.js";
-import TrackData from "../track-data.js";
-import {RequestFulfillment} from "../../util/request-fulfillment.js";
-import {SsrCache} from "../../util/ssr-cache.js";
-import {RequestTracker} from "../../util/request-tracking.js";
-import InterceptRequests from "../intercept-requests.js";
-import Data from "../data.js";
-import {
-    // TODO(somewhatabstract, FEI-4174): Update eslint-plugin-import when they
-    // have fixed:
-    // https://github.com/import-js/eslint-plugin-import/issues/2073
-    // eslint-disable-next-line import/named
-    WhenClientSide,
-} from "../../hooks/use-hydratable-effect.js";
+import {SharedCache} from "../../hooks/use-shared-cache";
+import TrackData from "../track-data";
+import {RequestFulfillment} from "../../util/request-fulfillment";
+import {SsrCache} from "../../util/ssr-cache";
+import {RequestTracker} from "../../util/request-tracking";
+import InterceptRequests from "../intercept-requests";
+import Data from "../data";
+import {WhenClientSide} from "../../hooks/use-hydratable-effect";
 
 describe("Data", () => {
     beforeEach(() => {
@@ -61,9 +54,11 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
+                // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                 await act(() => response);
 
                 // Assert
@@ -79,9 +74,11 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
+                // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                 await act(() => response);
 
                 // Assert
@@ -93,7 +90,7 @@ describe("Data", () => {
             it("should share single request across all uses", () => {
                 // Arrange
                 const fakeHandler = jest.fn(
-                    () => new Promise((resolve, reject) => {}),
+                    () => new Promise((resolve: any, reject: any) => {}),
                 );
                 const fakeChildrenFn = jest.fn(() => null);
 
@@ -101,9 +98,11 @@ describe("Data", () => {
                 render(
                     <View>
                         <Data handler={fakeHandler} requestId="ID">
+                            {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                             {fakeChildrenFn}
                         </Data>
                         <Data handler={fakeHandler} requestId="ID">
+                            {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                             {fakeChildrenFn}
                         </Data>
                     </View>,
@@ -125,6 +124,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -159,6 +159,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -190,6 +191,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -220,6 +222,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -249,6 +252,7 @@ describe("Data", () => {
                 const fakeChildrenFn = jest.fn(() => null);
                 const wrapper = render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -261,6 +265,7 @@ describe("Data", () => {
                 // Act
                 wrapper.rerender(
                     <Data handler={fakeHandler} requestId="NEW_ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -291,14 +296,17 @@ describe("Data", () => {
                 const fakeChildrenFn = jest.fn(() => null);
                 const wrapper = render(
                     <Data handler={oldHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
                 wrapper.rerender(
                     <Data handler={oldHandler} requestId="NEW_ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
+                // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                 await act(() => oldRequest);
 
                 // Assert
@@ -324,11 +332,13 @@ describe("Data", () => {
                 const fakeChildrenFn = jest.fn(() => null);
                 const wrapper = render(
                     <Data handler={oldHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
                 wrapper.rerender(
                     <Data handler={oldHandler} requestId="NEW_ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -354,6 +364,7 @@ describe("Data", () => {
                 jest.spyOn(
                     RequestFulfillment.Default,
                     "fulfill",
+                    // @ts-expect-error [FEI-5019] - TS2345 - Argument of type 'Promise<{ status: string; error: Error; }>' is not assignable to parameter of type 'Promise<Result<ValidCacheData>>'.
                 ).mockReturnValueOnce(catastrophe);
                 const oldHandler = jest.fn().mockResolvedValue("OLD DATA");
 
@@ -361,15 +372,18 @@ describe("Data", () => {
                 const fakeChildrenFn = jest.fn(() => null);
                 const wrapper = render(
                     <Data handler={oldHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
                 wrapper.rerender(
                     <Data handler={oldHandler} requestId="NEW_ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
                 await act(() =>
+                    // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                     catastrophe.catch(() => {
                         /* ignore */
                     }),
@@ -395,6 +409,7 @@ describe("Data", () => {
                     render(
                         <InterceptRequests interceptor={interceptHandler}>
                             <Data handler={fakeHandler} requestId="ID">
+                                {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                                 {fakeChildrenFn}
                             </Data>
                         </InterceptRequests>,
@@ -416,6 +431,7 @@ describe("Data", () => {
                     render(
                         <InterceptRequests interceptor={interceptHandler}>
                             <Data handler={fakeHandler} requestId="ID">
+                                {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                                 {fakeChildrenFn}
                             </Data>
                         </InterceptRequests>,
@@ -443,10 +459,12 @@ describe("Data", () => {
                         requestId="ID1"
                         retainResultOnChange={true}
                     >
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
                 fakeChildrenFn.mockClear();
+                // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                 await act(() => response1);
                 wrapper.rerender(
                     <Data
@@ -454,9 +472,11 @@ describe("Data", () => {
                         requestId="ID2"
                         retainResultOnChange={true}
                     >
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
+                // @ts-expect-error [FEI-5019] - TS2769 - No overload matches this call.
                 await act(() => response2);
 
                 // Assert
@@ -498,6 +518,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -523,6 +544,7 @@ describe("Data", () => {
                             WhenClientSide.ExecuteWhenNoSuccessResult
                         }
                     >
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -543,6 +565,7 @@ describe("Data", () => {
                         requestId="ID"
                         clientBehavior={WhenClientSide.AlwaysExecute}
                     >
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -576,6 +599,7 @@ describe("Data", () => {
                 // Act
                 render(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -610,6 +634,7 @@ describe("Data", () => {
                 // Act
                 ReactDOMServer.renderToString(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -626,6 +651,7 @@ describe("Data", () => {
                 // Act
                 ReactDOMServer.renderToString(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -649,6 +675,7 @@ describe("Data", () => {
                 ReactDOMServer.renderToString(
                     <TrackData>
                         <Data handler={fakeHandler} requestId="ID">
+                            {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                             {fakeChildrenFn}
                         </Data>
                     </TrackData>,
@@ -675,6 +702,7 @@ describe("Data", () => {
                     ReactDOMServer.renderToString(
                         <InterceptRequests interceptor={interceptedHandler}>
                             <Data handler={fakeHandler} requestId="ID">
+                                {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                                 {fakeChildrenFn}
                             </Data>
                         </InterceptRequests>,
@@ -702,6 +730,7 @@ describe("Data", () => {
                         <TrackData>
                             <InterceptRequests interceptor={interceptedHandler}>
                                 <Data handler={fakeHandler} requestId="ID">
+                                    {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                                     {fakeChildrenFn}
                                 </Data>
                             </InterceptRequests>
@@ -737,6 +766,7 @@ describe("Data", () => {
                 // Act
                 ReactDOMServer.renderToString(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -753,6 +783,7 @@ describe("Data", () => {
                 // Act
                 ReactDOMServer.renderToString(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -775,6 +806,7 @@ describe("Data", () => {
                 // Act
                 ReactDOMServer.renderToString(
                     <Data handler={fakeHandler} requestId="ID">
+                        {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                         {fakeChildrenFn}
                     </Data>,
                 );
@@ -799,6 +831,7 @@ describe("Data", () => {
                 ReactDOMServer.renderToString(
                     <TrackData>
                         <Data handler={fakeHandler} requestId="ID">
+                            {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                             {fakeChildrenFn}
                         </Data>
                     </TrackData>,
@@ -824,6 +857,7 @@ describe("Data", () => {
                     ReactDOMServer.renderToString(
                         <InterceptRequests interceptor={interceptHandler}>
                             <Data handler={fakeHandler} requestId="ID">
+                                {/* @ts-expect-error [FEI-5019] - TS2322 - Type 'Mock<null, [], any>' is not assignable to type '((result: Result<TData>) => ReactElement<any, string | JSXElementConstructor<any>>) & ReactNode'. */}
                                 {fakeChildrenFn}
                             </Data>
                         </InterceptRequests>,

package/src/components/__tests__/{gql-router.test.js → gql-router.test.tsx}

@@ -1,24 +1,23 @@
-// @flow
 import * as React from "react";
 import {render} from "@testing-library/react";
 
-import {GqlRouterContext} from "../../util/gql-router-context.js";
-import {GqlRouter} from "../gql-router.js";
+import {GqlRouterContext} from "../../util/gql-router-context";
+import {GqlRouter} from "../gql-router";
 
 describe("GqlRouter", () => {
     it("should provide the GqlRouterContext as configured", async () => {
         // Arrange
         const defaultContext = {
             foo: "bar",
-        };
+        } as const;
         const fetch = jest.fn();
-        const CaptureContext = ({captureFn}) => {
+        const CaptureContext = ({captureFn}: any) => {
             captureFn(React.useContext(GqlRouterContext));
             return null;
         };
 
         // Act
-        const result = await new Promise((resolve, reject) => {
+        const result = await new Promise((resolve: any, reject: any) => {
             render(
                 <GqlRouter defaultContext={defaultContext} fetch={fetch}>
                     <CaptureContext captureFn={resolve} />
@@ -37,7 +36,7 @@ describe("GqlRouter", () => {
         // Arrange
         const defaultContext = {
             foo: "bar",
-        };
+        } as const;
         const fetch = jest.fn();
         let renderCount = 0;
         const Child = React.memo(() => {