@khanacademy/wonder-blocks-data 10.1.0 → 10.1.2

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.1.0",
+  "version": "10.1.2",
   "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.7.0"
+    "@khanacademy/wonder-blocks-core": "^4.9.0"
   },
   "peerDependencies": {
-    "@khanacademy/wonder-stuff-core": "^1.2.1",
-    "flow-enums-runtime": "^0.0.6",
+    "@khanacademy/wonder-stuff-core": "^1.2.2",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.7.1"
+    "wb-dev-build-settings": "^0.7.3"
   },
   "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";
 
@@ -55,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
@@ -73,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
@@ -87,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);
 
@@ -95,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>,
@@ -119,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>,
                 );
@@ -153,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>,
                 );
@@ -184,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>,
                 );
@@ -214,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>,
                 );
@@ -243,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>,
                 );
@@ -255,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>,
                 );
@@ -285,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
@@ -318,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>,
                 );
@@ -348,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");
 
@@ -355,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 */
                     }),
@@ -389,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>,
@@ -410,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>,
@@ -437,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
@@ -448,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
@@ -492,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>,
                 );
@@ -517,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>,
                 );
@@ -537,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>,
                 );
@@ -570,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>,
                 );
@@ -604,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>,
                 );
@@ -620,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>,
                 );
@@ -643,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>,
@@ -669,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>,
@@ -696,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>
@@ -731,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>,
                 );
@@ -747,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>,
                 );
@@ -769,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>,
                 );
@@ -793,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>,
@@ -818,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,4 +1,3 @@
-// @flow
 import * as React from "react";
 import {render} from "@testing-library/react";
 
@@ -10,15 +9,15 @@ describe("GqlRouter", () => {
         // 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(() => {

package/src/components/__tests__/{intercept-requests.test.js → intercept-requests.test.tsx}

@@ -1,4 +1,3 @@
-// @flow
 import * as React from "react";
 import {render} from "@testing-library/react";
 
@@ -12,11 +11,11 @@ describe("InterceptRequests", () => {
 
     it("should update context with fulfillRequest method", () => {
         // Arrange
-        const fakeHandler = (requestId): Promise<string> =>
+        const fakeHandler = (requestId: any): Promise<string> =>
             Promise.resolve("data");
         const props = {
             interceptor: fakeHandler,
-        };
+        } as const;
         const captureContextFn = jest.fn();
 
         // Act

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

@@ -1,4 +1,3 @@
-// @flow
 import * as React from "react";
 import {Server} from "@khanacademy/wonder-blocks-core";
 import {render, screen} from "@testing-library/react";
@@ -41,11 +40,11 @@ describe("TrackData", () => {
         jest.spyOn(Server, "isServerSide").mockReturnValue(true);
 
         // Act
-        const result = await new Promise((resolve, reject) => {
+        const result = await new Promise((resolve: any, reject: any) => {
             render(
                 <TrackData>
                     <TrackerContext.Consumer>
-                        {(fn) => resolve(fn)}
+                        {(fn: any) => resolve(fn)}
                     </TrackerContext.Consumer>
                 </TrackData>,
             );