@khanacademy/wonder-blocks-testing-core 5.0.0 → 5.1.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @khanacademy/wonder-blocks-testing-core
 
+## 5.1.0
+
+### Minor Changes
+
+- b5618a5: The `router` test harness adapter now supports a data-routes mode for exercising React Router v6 data routers. Passing a `routes` config renders `createMemoryRouter` + `RouterProvider` so that route `loader`s run and `errorElement`s render (`useRouteError`/`useLoaderData`, redirects, deferred data) — unlike context mode, which only provides routing context via `MemoryRouter`/`StaticRouter`.
+
+    The mode is selected purely by config shape: pass `routes` (plus optional `initialEntries`/`initialIndex`/`hydrationData`) for data-routes mode, or a location for the existing context mode. Provide `routes` as a function `(harnessedComponent) => RouteObject[]` for full control over where the harnessed component is mounted (e.g. as an `errorElement`), or as an array to mount it as the matched leaf route's `element` (the leaf must not define its own `element`, `Component`, or `lazy`). Pass `hydrationData` to pre-resolve loaders and render synchronously. Context mode is unchanged and backward-compatible, and combining the two modes is a type error.
+
+    The router adapter's config type is now exported as `RouterAdapterConfig`.
+
 ## 5.0.0
 
 ### Major Changes

package/dist/es/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { StaticRouter, MemoryRouter, Switch, Route } from 'react-router-dom';
-import { CompatRouter, useLocation } from 'react-router-dom-v5-compat';
+import { CompatRouter, useLocation, matchRoutes, createMemoryRouter, RouterProvider } from 'react-router-dom-v5-compat';
 import * as ReactDOMServer from 'react-dom/server';
 
 const getHref=input=>{if(typeof input==="string"){return input}else if(typeof input.url==="string"){return input.url}else if(typeof input.href==="string"){return input.href}else {throw new Error(`Unsupported input type`)}};const fetchRequestMatchesMock=(mock,input,init)=>{const href=getHref(input);if(typeof mock==="string"){return href===mock}else if(mock instanceof RegExp){return mock.test(href)}else {throw new Error(`Unsupported mock operation: ${JSON.stringify(mock)}`)}};
@@ -26,7 +26,7 @@ const defaultConfig$2=null;class ErrorBoundary extends React.Component{static ge
 
 const defaultConfig$1=null;const adapter$1=(children,config)=>jsxs(Fragment,{children:[jsx("div",{id:config,"data-testid":config}),children]});
 
-const defaultConfig={location:"/"};const MaybeWithRoute=({children,path,configLocation})=>{if(path==null){return jsx(Fragment,{children:children})}const ErrorElement=()=>{const actualLocation=useLocation();const configuredLocation=typeof configLocation==="string"?configLocation:configLocation.pathname;const errorMessage=`The current location '${actualLocation.pathname}' `+`does not match the configured path '${path}'. `+`Did you provide the correct configured `+`location, '${configuredLocation}', or did the `+`routing lead to a different place than you `+`expected?`;throw new Error(errorMessage)};return jsxs(Switch,{children:[jsx(Route,{path:path,render:()=>jsx(Fragment,{children:children})}),jsx(Route,{path:"*",component:ErrorElement})]})};const adapter=(children,config)=>{if(typeof config==="string"){config={location:config};}if("forceStatic"in config&&config.forceStatic){if(config.disableCompatRouter){return jsx(StaticRouter,{location:config.location,context:{},children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})}return jsx(StaticRouter,{location:config.location,context:{},children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if("location"in config&&config.location!==undefined){return jsx(MemoryRouter,{initialEntries:[config.location],children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if(!("initialEntries"in config)||config.initialEntries===undefined){throw new Error("A location or initial history entries must be provided.")}const entries=config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const routerProps={initialEntries:entries};if(config.initialIndex!=null){routerProps.initialIndex=config.initialIndex;}return jsx(MemoryRouter,{...routerProps,children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:entries[config.initialIndex??0],children:children})})})};
+const defaultConfig={location:"/"};const MaybeWithRoute=({children,path,configLocation})=>{if(path==null){return jsx(Fragment,{children:children})}const ErrorElement=()=>{const actualLocation=useLocation();const configuredLocation=typeof configLocation==="string"?configLocation:configLocation.pathname;const errorMessage=`The current location '${actualLocation.pathname}' `+`does not match the configured path '${path}'. `+`Did you provide the correct configured `+`location, '${configuredLocation}', or did the `+`routing lead to a different place than you `+`expected?`;throw new Error(errorMessage)};return jsxs(Switch,{children:[jsx(Route,{path:path,render:()=>jsx(Fragment,{children:children})}),jsx(Route,{path:"*",component:ErrorElement})]})};const describeLocation=location=>typeof location==="string"?location:location.pathname??"";const injectChildrenIntoRoutes=(routes,harnessedElement,location)=>{const matches=matchRoutes(routes,location);if(matches==null||matches.length===0){throw new Error(`No route in \`routes\` matches the location `+`'${describeLocation(location)}'. In array \`routes\` mode the `+`harnessed component is mounted as the matched leaf route's `+`\`element\`, so a route must match the location. Use the `+`function form \`routes: (harnessedComponent) => [...]\` to `+`place the component yourself.`)}const leafRoute=matches[matches.length-1].route;const cloneWithChildren=routeList=>routeList.map(route=>{if(route===leafRoute){if(route.element!=null||route.Component!=null||route.lazy!=null){throw new Error(`The route matching the location already defines an `+`\`element\`, \`Component\`, or \`lazy\`. In array `+`\`routes\` mode the harnessed component is mounted `+`as the matched leaf's \`element\`, so that leaf must `+`not define its own \`element\`, \`Component\`, or `+`\`lazy\`. Use the function form `+`\`routes: (harnessedComponent) => [...]\` for full `+`control.`)}return {...route,element:harnessedElement}}if(route.children!=null){return {...route,children:cloneWithChildren(route.children)}}return {...route}});return cloneWithChildren(routes)};const HarnessedChildrenContext=React.createContext(null);const ChildrenSlot=()=>jsx(Fragment,{children:React.useContext(HarnessedChildrenContext)});const CachedDataRouter=({routes,options})=>{const routerRef=React.useRef(null);if(routerRef.current==null){routerRef.current=createMemoryRouter(routes,options);}return jsx(RouterProvider,{router:routerRef.current})};const renderDataRoutes=(children,config)=>{const initialEntries=config.initialEntries==null||config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const harnessedSlot=jsx(ChildrenSlot,{});const routes=typeof config.routes==="function"?[...config.routes(harnessedSlot)]:injectChildrenIntoRoutes(config.routes,harnessedSlot,initialEntries[config.initialIndex??initialEntries.length-1]);if(config.hydrationData==null&&typeof Request==="undefined"){throw new Error("Data-routes mode runs route `loader`s, which require the Fetch "+"API `Request` global. Polyfill `Request`/`Response` in your "+"test environment, or pass `hydrationData` to pre-resolve "+"loaders without running them.")}const options={initialEntries,...config.initialIndex!=null?{initialIndex:config.initialIndex}:{},...config.hydrationData!=null?{hydrationData:config.hydrationData}:{}};return jsx(HarnessedChildrenContext.Provider,{value:children,children:jsx(CachedDataRouter,{routes:routes,options:options})})};const isDataRoutesConfig=config=>"routes"in config&&config.routes!=null;const adapter=(children,config)=>{if(typeof config==="string"){config={location:config};}if(isDataRoutesConfig(config)){return renderDataRoutes(children,config)}if("forceStatic"in config&&config.forceStatic){if(config.disableCompatRouter){return jsx(StaticRouter,{location:config.location,context:{},children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})}return jsx(StaticRouter,{location:config.location,context:{},children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if("location"in config&&config.location!==undefined){return jsx(MemoryRouter,{initialEntries:[config.location],children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if(!("initialEntries"in config)||config.initialEntries===undefined){throw new Error("A location or initial history entries must be provided.")}const entries=config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const routerProps={initialEntries:entries};if(config.initialIndex!=null){routerProps.initialIndex=config.initialIndex;}return jsx(MemoryRouter,{...routerProps,children:jsx(CompatRouter,{children:jsx(MaybeWithRoute,{path:config.path,configLocation:entries[config.initialIndex??0],children:children})})})};
 
 const DefaultAdapters={boundary:adapter$2,css:adapter$3,portal:adapter$1,router:adapter};const DefaultConfigs={boundary:defaultConfig$2,css:defaultConfig$3,portal:defaultConfig$1,router:defaultConfig};
 

package/dist/harness/adapters/adapters.d.ts

@@ -1,3 +1,4 @@
+import * as router from "./router";
 import type { TestHarnessConfigs } from "../types";
 /**
  * NOTE: We do not type `DefaultAdapters` with `Adapters` here because we want
@@ -16,19 +17,7 @@ export declare const DefaultAdapters: {
         style: import("aphrodite").CSSProperties;
     }>;
     readonly portal: import("../types").TestHarnessAdapter<string>;
-    readonly router: import("../types").TestHarnessAdapter<string | Readonly<{
-        initialEntries: import("history").LocationDescriptor<unknown>[] | undefined;
-        initialIndex?: number | undefined;
-        path?: string;
-    } | {
-        location: import("history").LocationDescriptor;
-        forceStatic: true;
-        disableCompatRouter?: boolean;
-        path?: string;
-    } | {
-        location: import("history").LocationDescriptor;
-        path?: string;
-    }>>;
+    readonly router: import("../types").TestHarnessAdapter<router.Config>;
 };
 /**
  * The default configurations to use with the `DefaultAdapters`.

package/dist/harness/adapters/router.d.ts

@@ -1,12 +1,105 @@
 import * as React from "react";
 import { MemoryRouter } from "react-router-dom";
+import { createMemoryRouter } from "react-router-dom-v5-compat";
 import type { LocationDescriptor } from "history";
+import type { RouteObject } from "react-router-dom-v5-compat";
 import type { TestHarnessAdapter } from "../types";
 type MemoryRouterProps = JSX.LibraryManagedAttributes<typeof MemoryRouter, React.ComponentProps<typeof MemoryRouter>>;
 /**
- * Configuration for the withLocation test harness adapter.
+ * The options accepted by `createMemoryRouter` (RR v6 data router).
  */
-type Config = Readonly<{
+type DataRouterOptions = NonNullable<Parameters<typeof createMemoryRouter>[1]>;
+/**
+ * A tree of RR v6 route objects for the data-routes mode.
+ */
+type DataRoutes = ReadonlyArray<RouteObject>;
+/**
+ * Keys that only exist in data-routes mode.
+ *
+ * They are forbidden (typed as `never`) in context mode so the two modes can
+ * never be combined: passing a context-mode `location` alongside `routes` is a
+ * type error.
+ */
+type NotDataRoutes = {
+    routes?: never;
+    hydrationData?: never;
+};
+/**
+ * Configuration for the data-routes mode of the `router` adapter.
+ *
+ * Selected by the presence of `routes`. Renders a RR v6 data router
+ * (`createMemoryRouter` + `RouterProvider`) so that route `loader`s run and
+ * `errorElement`s render — unlike context mode, which only provides routing
+ * context.
+ */
+type DataRoutesConfig = {
+    /**
+     * The RR v6 route tree to render.
+     *
+     * Provide either:
+     *
+     * - A function `(harnessedComponent) => routes` for full control over
+     *   where the harnessed component is mounted (e.g. as a route's
+     *   `errorElement`). The `harnessedComponent` argument is a stable
+     *   placeholder element: mount it wherever you like and it will always
+     *   render the current harnessed component, even across rerenders.
+     * - An array of route objects, in which case the harnessed component is
+     *   mounted as the `element` of the route that matches the initial
+     *   location. In this form the matched leaf route must not define its own
+     *   `element`, `Component`, or `lazy`.
+     */
+    routes: DataRoutes | ((harnessedComponent: React.ReactNode) => DataRoutes);
+    /**
+     * The initial history entries for the data router.
+     *
+     * Defaults to the adapter's default location when absent or empty.
+     */
+    initialEntries?: DataRouterOptions["initialEntries"];
+    /**
+     * The index of `initialEntries` to render first.
+     */
+    initialIndex?: DataRouterOptions["initialIndex"];
+    /**
+     * Pre-resolved loader data and errors.
+     *
+     * When provided, the data router starts already initialized: route
+     * `loader`s do not run and the tree renders synchronously. This is the
+     * robust choice for asserting on loader-resolved or error states, as it
+     * avoids running loaders (which require the Fetch API in the test
+     * environment) and the associated render loop.
+     *
+     * NOTE: This is the data-routes analog of context mode's `forceStatic`.
+     * The server data-router APIs (`createStaticHandler`/`createStaticRouter`/
+     * `StaticRouterProvider`) aren't reachable through `react-router-dom-v5-compat`,
+     * so `hydrationData` provides the same "pre-resolved, synchronous, no
+     * loaders run" guarantee that `forceStatic` provides in context mode.
+     */
+    hydrationData?: DataRouterOptions["hydrationData"];
+    /**
+     * Context-mode-only keys, forbidden here so the two modes can't mix.
+     *
+     * `forceStatic`/`disableCompatRouter` are context-router concepts;
+     * data-routes mode uses `hydrationData` for pre-resolved rendering instead.
+     */
+    location?: never;
+    path?: never;
+    forceStatic?: never;
+    disableCompatRouter?: never;
+};
+/**
+ * Configuration for the router test harness adapter.
+ *
+ * There are two modes, selected purely by the shape of the config:
+ *
+ * - Context mode (a location string / `{location}` / `{initialEntries}`)
+ *   renders a `MemoryRouter` or `StaticRouter` around the harnessed component.
+ *   Use it for components that consume routing (`useNavigate`, `useParams`,
+ *   `<Link>`). This is the common case.
+ * - Data-routes mode (a config including `routes`) renders a RR v6 data router
+ *   (`createMemoryRouter` + `RouterProvider`). Use it when a route `loader` or
+ *   `errorElement` needs to run for the test.
+ */
+export type Config = Readonly<(NotDataRoutes & {
     /**
      * See MemoryRouter prop for initialEntries.
      */
@@ -28,7 +121,7 @@ type Config = Readonly<{
      * will not render the component.
      */
     path?: string;
-} | {
+}) | (NotDataRoutes & {
     /**
      * The location to use.
      */
@@ -59,7 +152,7 @@ type Config = Readonly<{
      * will not render the component.
      */
     path?: string;
-} | {
+}) | (NotDataRoutes & {
     /**
      * The initial location to use.
      */
@@ -77,7 +170,7 @@ type Config = Readonly<{
      * will not render the component.
      */
     path?: string;
-}> | string;
+}) | DataRoutesConfig> | string;
 /**
  * The default configuration for this adapter.
  */

package/dist/harness/test-harness.d.ts

@@ -16,17 +16,5 @@ export declare const testHarness: <TProps extends object>(Component: import("rea
         style: import("aphrodite").CSSProperties;
     }>;
     readonly portal: import("./types").TestHarnessAdapter<string>;
-    readonly router: import("./types").TestHarnessAdapter<string | Readonly<{
-        initialEntries: import("history").LocationDescriptor<unknown>[] | undefined;
-        initialIndex?: number | undefined;
-        path?: string;
-    } | {
-        location: import("history").LocationDescriptor;
-        forceStatic: true;
-        disableCompatRouter?: boolean;
-        path?: string;
-    } | {
-        location: import("history").LocationDescriptor;
-        path?: string;
-    }>>;
+    readonly router: import("./types").TestHarnessAdapter<import("..").RouterAdapterConfig>;
 }>> | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<TProps> & import("react").RefAttributes<unknown>>;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export type { FetchMockFn, FetchMockOperation } from "./fetch/types";
 export type { GraphQLJson, MockFn, OperationMock, OperationMatcher, MockOperationFn, MockConfiguration, ConfigureFn, } from "./types";
 export * from "./harness/types";
 export * as harnessAdapters from "./harness/adapters/adapters";
+export type { Config as RouterAdapterConfig } from "./harness/adapters/router";
 export { makeHookHarness } from "./harness/make-hook-harness";
 export { makeTestHarness } from "./harness/make-test-harness";
 export { hookHarness } from "./harness/hook-harness";

package/dist/index.js

@@ -51,7 +51,7 @@ const defaultConfig$2=null;class ErrorBoundary extends React__namespace.Componen
 
 const defaultConfig$1=null;const adapter$1=(children,config)=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{id:config,"data-testid":config}),children]});
 
-const defaultConfig={location:"/"};const MaybeWithRoute=({children,path,configLocation})=>{if(path==null){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:children})}const ErrorElement=()=>{const actualLocation=reactRouterDomV5Compat.useLocation();const configuredLocation=typeof configLocation==="string"?configLocation:configLocation.pathname;const errorMessage=`The current location '${actualLocation.pathname}' `+`does not match the configured path '${path}'. `+`Did you provide the correct configured `+`location, '${configuredLocation}', or did the `+`routing lead to a different place than you `+`expected?`;throw new Error(errorMessage)};return jsxRuntime.jsxs(reactRouterDom.Switch,{children:[jsxRuntime.jsx(reactRouterDom.Route,{path:path,render:()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:children})}),jsxRuntime.jsx(reactRouterDom.Route,{path:"*",component:ErrorElement})]})};const adapter=(children,config)=>{if(typeof config==="string"){config={location:config};}if("forceStatic"in config&&config.forceStatic){if(config.disableCompatRouter){return jsxRuntime.jsx(reactRouterDom.StaticRouter,{location:config.location,context:{},children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})}return jsxRuntime.jsx(reactRouterDom.StaticRouter,{location:config.location,context:{},children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if("location"in config&&config.location!==undefined){return jsxRuntime.jsx(reactRouterDom.MemoryRouter,{initialEntries:[config.location],children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if(!("initialEntries"in config)||config.initialEntries===undefined){throw new Error("A location or initial history entries must be provided.")}const entries=config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const routerProps={initialEntries:entries};if(config.initialIndex!=null){routerProps.initialIndex=config.initialIndex;}return jsxRuntime.jsx(reactRouterDom.MemoryRouter,{...routerProps,children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:entries[config.initialIndex??0],children:children})})})};
+const defaultConfig={location:"/"};const MaybeWithRoute=({children,path,configLocation})=>{if(path==null){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:children})}const ErrorElement=()=>{const actualLocation=reactRouterDomV5Compat.useLocation();const configuredLocation=typeof configLocation==="string"?configLocation:configLocation.pathname;const errorMessage=`The current location '${actualLocation.pathname}' `+`does not match the configured path '${path}'. `+`Did you provide the correct configured `+`location, '${configuredLocation}', or did the `+`routing lead to a different place than you `+`expected?`;throw new Error(errorMessage)};return jsxRuntime.jsxs(reactRouterDom.Switch,{children:[jsxRuntime.jsx(reactRouterDom.Route,{path:path,render:()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:children})}),jsxRuntime.jsx(reactRouterDom.Route,{path:"*",component:ErrorElement})]})};const describeLocation=location=>typeof location==="string"?location:location.pathname??"";const injectChildrenIntoRoutes=(routes,harnessedElement,location)=>{const matches=reactRouterDomV5Compat.matchRoutes(routes,location);if(matches==null||matches.length===0){throw new Error(`No route in \`routes\` matches the location `+`'${describeLocation(location)}'. In array \`routes\` mode the `+`harnessed component is mounted as the matched leaf route's `+`\`element\`, so a route must match the location. Use the `+`function form \`routes: (harnessedComponent) => [...]\` to `+`place the component yourself.`)}const leafRoute=matches[matches.length-1].route;const cloneWithChildren=routeList=>routeList.map(route=>{if(route===leafRoute){if(route.element!=null||route.Component!=null||route.lazy!=null){throw new Error(`The route matching the location already defines an `+`\`element\`, \`Component\`, or \`lazy\`. In array `+`\`routes\` mode the harnessed component is mounted `+`as the matched leaf's \`element\`, so that leaf must `+`not define its own \`element\`, \`Component\`, or `+`\`lazy\`. Use the function form `+`\`routes: (harnessedComponent) => [...]\` for full `+`control.`)}return {...route,element:harnessedElement}}if(route.children!=null){return {...route,children:cloneWithChildren(route.children)}}return {...route}});return cloneWithChildren(routes)};const HarnessedChildrenContext=React__namespace.createContext(null);const ChildrenSlot=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:React__namespace.useContext(HarnessedChildrenContext)});const CachedDataRouter=({routes,options})=>{const routerRef=React__namespace.useRef(null);if(routerRef.current==null){routerRef.current=reactRouterDomV5Compat.createMemoryRouter(routes,options);}return jsxRuntime.jsx(reactRouterDomV5Compat.RouterProvider,{router:routerRef.current})};const renderDataRoutes=(children,config)=>{const initialEntries=config.initialEntries==null||config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const harnessedSlot=jsxRuntime.jsx(ChildrenSlot,{});const routes=typeof config.routes==="function"?[...config.routes(harnessedSlot)]:injectChildrenIntoRoutes(config.routes,harnessedSlot,initialEntries[config.initialIndex??initialEntries.length-1]);if(config.hydrationData==null&&typeof Request==="undefined"){throw new Error("Data-routes mode runs route `loader`s, which require the Fetch "+"API `Request` global. Polyfill `Request`/`Response` in your "+"test environment, or pass `hydrationData` to pre-resolve "+"loaders without running them.")}const options={initialEntries,...config.initialIndex!=null?{initialIndex:config.initialIndex}:{},...config.hydrationData!=null?{hydrationData:config.hydrationData}:{}};return jsxRuntime.jsx(HarnessedChildrenContext.Provider,{value:children,children:jsxRuntime.jsx(CachedDataRouter,{routes:routes,options:options})})};const isDataRoutesConfig=config=>"routes"in config&&config.routes!=null;const adapter=(children,config)=>{if(typeof config==="string"){config={location:config};}if(isDataRoutesConfig(config)){return renderDataRoutes(children,config)}if("forceStatic"in config&&config.forceStatic){if(config.disableCompatRouter){return jsxRuntime.jsx(reactRouterDom.StaticRouter,{location:config.location,context:{},children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})}return jsxRuntime.jsx(reactRouterDom.StaticRouter,{location:config.location,context:{},children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if("location"in config&&config.location!==undefined){return jsxRuntime.jsx(reactRouterDom.MemoryRouter,{initialEntries:[config.location],children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:config.location,children:children})})})}if(!("initialEntries"in config)||config.initialEntries===undefined){throw new Error("A location or initial history entries must be provided.")}const entries=config.initialEntries.length===0?[defaultConfig.location]:config.initialEntries;const routerProps={initialEntries:entries};if(config.initialIndex!=null){routerProps.initialIndex=config.initialIndex;}return jsxRuntime.jsx(reactRouterDom.MemoryRouter,{...routerProps,children:jsxRuntime.jsx(reactRouterDomV5Compat.CompatRouter,{children:jsxRuntime.jsx(MaybeWithRoute,{path:config.path,configLocation:entries[config.initialIndex??0],children:children})})})};
 
 const DefaultAdapters={boundary:adapter$2,css:adapter$3,portal:adapter$1,router:adapter};const DefaultConfigs={boundary:defaultConfig$2,css:defaultConfig$3,portal:defaultConfig$1,router:defaultConfig};
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@khanacademy/wonder-stuff-testing": "^4.0.3",
-    "@khanacademy/wb-dev-build-settings": "3.2.0"
+    "@khanacademy/wb-dev-build-settings": "3.3.0"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"