@dxos/react-client 0.6.14-main.7bd9c89 → 0.6.14-main.8b352a0

package/dist/types/src/client/ClientProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/client/ClientProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,sBAAsB,EAAgB,MAAM,cAAc,CAAC;AACrG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGnE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAC,GAC1E,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAClC,iBAAiB,CAAC;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C;;;;OAIG;IAEH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAEhG;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE1D;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CACxD,CAAC,CAAC;AAEL;;;GAGG;AACH,eAAO,MAAM,cAAc;IAnDvB;;;;OAIG;aACM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C;;;;OAIG;aAEM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C;;;;OAIG;eAEQ,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAE/F;;OAEG;eACQ,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAEzD;;;OAGG;qBACc,OAAO;IAExB;;OAEG;eACQ,OAAO;IAElB;;;;OAIG;oBACa,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC;;;4CA4GzD,CAAC"}
+{"version":3,"file":"ClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/client/ClientProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,sBAAsB,EAAgB,MAAM,cAAc,CAAC;AACrG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGnE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAC,GAC1E,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAClC,iBAAiB,CAAC;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C;;;;OAIG;IAEH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAEhG;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE1D;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CACxD,CAAC,CAAC;AAEL;;;GAGG;AACH,eAAO,MAAM,cAAc;IAjDvB;;;;OAIG;aACM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C;;;;OAIG;aAEM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C;;;;OAIG;eAEQ,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAE/F;;OAEG;eACQ,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAEzD;;;OAGG;qBACc,OAAO;IAExB;;OAEG;eACQ,OAAO;IAElB;;OAEG;oBACa,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC;;;4CA4GzD,CAAC"}

package/dist/types/src/testing/withClientProvider.d.ts

@@ -19,6 +19,9 @@ export declare const withClientProvider: ({ createIdentity, createSpace, onSpace
 export type WithMultiClientProviderProps = InitializeProps & ClientProviderProps & {
     numClients?: number;
 };
+export declare const useMultiClient: () => {
+    id: number;
+};
 /**
  * Decorator that creates a scaffold for multiple clients.
  * Orchestrates invitations between a randomly selected host and the remaining clients.

package/dist/types/src/testing/withClientProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/testing/withClientProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAErE,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CAClF,CAAC;AA8BF,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,kBAAkB,8EAM5B,uBAAuB,KAAQ,SAcjC,CAAC;AAKF,MAAM,MAAM,4BAA4B,GAAG,eAAe,GAAG,mBAAmB,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3G;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,yFAOjC,4BAA4B,KAAG,SAuCjC,CAAC"}
+{"version":3,"file":"withClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/testing/withClientProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAErE,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CAClF,CAAC;AA8BF,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,kBAAkB,8EAM5B,uBAAuB,KAAQ,SAcjC,CAAC;AAKF,MAAM,MAAM,4BAA4B,GAAG,eAAe,GAAG,mBAAmB,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAI3G,eAAO,MAAM,cAAc;QAFoB,MAAM;CAEa,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,yFAOjC,4BAA4B,KAAG,SA2CjC,CAAC"}

package/package.json

@@ -1,75 +1,52 @@
 {
   "name": "@dxos/react-client",
-  "version": "0.6.14-main.7bd9c89",
+  "version": "0.6.14-main.8b352a0",
   "description": "React client API",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
+  "sideEffects": true,
   "exports": {
     "./devtools": {
+      "types": "./dist/types/src/devtools/index.d.ts",
       "browser": "./dist/lib/browser/devtools/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/devtools/index.cjs",
-        "default": "./dist/lib/node-esm/devtools/index.mjs"
-      },
-      "types": "./dist/types/src/devtools/index.d.ts"
+      "node": "./dist/lib/node-esm/devtools/index.mjs"
     },
     "./echo": {
+      "types": "./dist/types/src/echo/index.d.ts",
       "browser": "./dist/lib/browser/echo/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/echo/index.cjs",
-        "default": "./dist/lib/node-esm/echo/index.mjs"
-      },
-      "types": "./dist/types/src/echo/index.d.ts"
+      "node": "./dist/lib/node-esm/echo/index.mjs"
     },
     "./halo": {
+      "types": "./dist/types/src/halo/index.d.ts",
       "browser": "./dist/lib/browser/halo/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/halo/index.cjs",
-        "default": "./dist/lib/node-esm/halo/index.mjs"
-      },
-      "types": "./dist/types/src/halo/index.d.ts"
+      "node": "./dist/lib/node-esm/halo/index.mjs"
     },
     ".": {
+      "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/index.cjs",
-        "default": "./dist/lib/node-esm/index.mjs"
-      },
-      "types": "./dist/types/src/index.d.ts"
+      "node": "./dist/lib/node-esm/index.mjs"
     },
     "./invitations": {
+      "types": "./dist/types/src/invitations/index.d.ts",
       "browser": "./dist/lib/browser/invitations/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/invitations/index.cjs",
-        "default": "./dist/lib/node-esm/invitations/index.mjs"
-      },
-      "types": "./dist/types/src/invitations/index.d.ts"
+      "node": "./dist/lib/node-esm/invitations/index.mjs"
     },
     "./mesh": {
+      "types": "./dist/types/src/mesh/index.d.ts",
       "browser": "./dist/lib/browser/mesh/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/mesh/index.cjs",
-        "default": "./dist/lib/node-esm/mesh/index.mjs"
-      },
-      "types": "./dist/types/src/mesh/index.d.ts"
+      "node": "./dist/lib/node-esm/mesh/index.mjs"
     },
     "./testing": {
+      "types": "./dist/types/src/testing/index.d.ts",
       "browser": "./dist/lib/browser/testing/index.mjs",
-      "node": {
-        "require": "./dist/lib/node/testing/index.cjs",
-        "default": "./dist/lib/node-esm/testing/index.mjs"
-      },
-      "types": "./dist/types/src/testing/index.d.ts"
+      "node": "./dist/lib/node-esm/testing/index.mjs"
     },
     "./worker": {
+      "types": "./dist/types/src/worker.d.ts",
       "browser": "./dist/lib/browser/worker.mjs",
-      "node": {
-        "require": "./dist/lib/node/worker.cjs",
-        "default": "./dist/lib/node-esm/worker.mjs"
-      },
-      "types": "./dist/types/src/worker.d.ts"
+      "node": "./dist/lib/node-esm/worker.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -100,40 +77,40 @@
   },
   "dependencies": {
     "react-error-boundary": "^4.0.13",
-    "@dxos/client": "0.6.14-main.7bd9c89",
-    "@dxos/async": "0.6.14-main.7bd9c89",
-    "@dxos/codec-protobuf": "0.6.14-main.7bd9c89",
-    "@dxos/debug": "0.6.14-main.7bd9c89",
-    "@dxos/echo-schema": "0.6.14-main.7bd9c89",
-    "@dxos/echo-signals": "0.6.14-main.7bd9c89",
-    "@dxos/invariant": "0.6.14-main.7bd9c89",
-    "@dxos/config": "0.6.14-main.7bd9c89",
-    "@dxos/log": "0.6.14-main.7bd9c89",
-    "@dxos/node-std": "0.6.14-main.7bd9c89",
-    "@dxos/protocols": "0.6.14-main.7bd9c89",
-    "@dxos/react-hooks": "0.6.14-main.7bd9c89",
-    "@dxos/util": "0.6.14-main.7bd9c89"
+    "@dxos/async": "0.6.14-main.8b352a0",
+    "@dxos/codec-protobuf": "0.6.14-main.8b352a0",
+    "@dxos/client": "0.6.14-main.8b352a0",
+    "@dxos/config": "0.6.14-main.8b352a0",
+    "@dxos/debug": "0.6.14-main.8b352a0",
+    "@dxos/echo-schema": "0.6.14-main.8b352a0",
+    "@dxos/echo-signals": "0.6.14-main.8b352a0",
+    "@dxos/invariant": "0.6.14-main.8b352a0",
+    "@dxos/log": "0.6.14-main.8b352a0",
+    "@dxos/node-std": "0.6.14-main.8b352a0",
+    "@dxos/protocols": "0.6.14-main.8b352a0",
+    "@dxos/util": "0.6.14-main.8b352a0",
+    "@dxos/react-hooks": "0.6.14-main.8b352a0"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/random": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-syntax-highlighter": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-theme": "0.6.14-main.7bd9c89",
-    "@dxos/test-utils": "0.6.14-main.7bd9c89",
-    "@dxos/storybook-utils": "0.6.14-main.7bd9c89"
+    "@dxos/random": "0.6.14-main.8b352a0",
+    "@dxos/react-ui": "0.6.14-main.8b352a0",
+    "@dxos/react-ui-syntax-highlighter": "0.6.14-main.8b352a0",
+    "@dxos/react-ui-theme": "0.6.14-main.8b352a0",
+    "@dxos/storybook-utils": "0.6.14-main.8b352a0",
+    "@dxos/test-utils": "0.6.14-main.8b352a0"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.6.14-main.7bd9c89",
-    "@dxos/react-ui-theme": "0.6.14-main.7bd9c89"
+    "@dxos/react-ui-theme": "0.6.14-main.8b352a0",
+    "@dxos/react-ui": "0.6.14-main.8b352a0"
   },
   "optionalDependencies": {
-    "@dxos/random": "0.6.14-main.7bd9c89"
+    "@dxos/random": "0.6.14-main.8b352a0"
   },
   "publishConfig": {
     "access": "public"

package/src/client/ClientProvider.tsx

@@ -3,9 +3,9 @@
 //
 
 import React, {
+  forwardRef,
   type FunctionComponent,
   type PropsWithChildren,
-  forwardRef,
   useEffect,
   useImperativeHandle,
   useState,
@@ -68,8 +68,6 @@ export type ClientProviderProps = Omit<ClientOptions, 'config' | 'services'> &
 
     /**
      * Post initialization hook to enable to caller to do custom initialization.
-     *
-     * @param Client
      */
     onInitialized?: (client: Client) => MaybePromise<void>;
   }>;

package/src/playwright/smoke.spec.ts

@@ -14,7 +14,7 @@ test.describe('Smoke test', () => {
   let page: Page;
 
   test.beforeAll(async ({ browser }) => {
-    const result = await setupPage(browser, { url: storybookUrl('react-client-withclientprovider--default') });
+    const result = await setupPage(browser, { url: storybookUrl('sdk-react-client-withclientprovider--default') });
     page = result.page;
     await page.locator(':text("initialized")').waitFor({ state: 'visible' });
   });

package/src/testing/withClientProvider.tsx

@@ -3,13 +3,14 @@
 //
 
 import { type Decorator } from '@storybook/react';
-import React, { useRef } from 'react';
-import { type FallbackProps, ErrorBoundary } from 'react-error-boundary';
+import React, { createContext, type PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';
+import { type FallbackProps, ErrorBoundary as NativeErrorBoundary } from 'react-error-boundary';
 
 import { Trigger } from '@dxos/async';
 import { type Client } from '@dxos/client';
 import { type Space } from '@dxos/client/echo';
 import { performInvitation, TestBuilder } from '@dxos/client/testing';
+import { log } from '@dxos/log';
 import { type MaybePromise } from '@dxos/util';
 
 import { ClientProvider, type ClientProviderProps } from '../client';
@@ -66,7 +67,7 @@ export const withClientProvider = ({
     };
 
     return (
-      <ErrorBoundary FallbackComponent={ErrorFallback}>
+      <ErrorBoundary>
         <ClientProvider onInitialized={handleInitialized} {...props}>
           <Story />
         </ClientProvider>
@@ -80,6 +81,10 @@ export const withClientProvider = ({
 // TODO(burdon): Delay/jitter for creation of other clients.
 export type WithMultiClientProviderProps = InitializeProps & ClientProviderProps & { numClients?: number };
 
+const MultiClientContext = createContext<{ id: number }>({ id: 0 });
+
+export const useMultiClient = () => useContext(MultiClientContext);
+
 /**
  * Decorator that creates a scaffold for multiple clients.
  * Orchestrates invitations between a randomly selected host and the remaining clients.
@@ -99,16 +104,20 @@ export const withMultiClientProvider = ({
     const spaceReady = useRef(new Trigger<Space | undefined>());
 
     // Handle invitations.
-    const handleInitialized = async (client: Client) => {
+    // NOTE: The zeroth client isn't necessarily the first to be initialized.
+    const handleInitialized = async (client: Client, index: number) => {
+      log.info('initialized', { index });
       if (createSpace) {
         if (!hostRef.current) {
           hostRef.current = client;
           const space = await initializeClient(client, { createIdentity, createSpace, onSpaceCreated, onInitialized });
           spaceReady.current.wake(space);
+          log.info('inviting', { index });
         } else {
           await initializeClient(client, { createIdentity, onInitialized });
           const space = await spaceReady.current.wait();
           if (space) {
+            log.info('joining', { index });
             await Promise.all(performInvitation({ host: space, guest: client.spaces }));
           }
         }
@@ -116,28 +125,46 @@ export const withMultiClientProvider = ({
     };
 
     return (
-      <>
+      <ErrorBoundary>
         {Array.from({ length: numClients }).map((_, index) => (
-          <ErrorBoundary key={index} FallbackComponent={ErrorFallback}>
+          <MultiClientContext.Provider key={index} value={{ id: index }}>
             <ClientProvider
               services={builder.current.createLocalClientServices()}
-              onInitialized={handleInitialized}
+              onInitialized={(client) => handleInitialized(client, index)}
               {...props}
             >
               <Story />
             </ClientProvider>
-          </ErrorBoundary>
+          </MultiClientContext.Provider>
         ))}
-      </>
+      </ErrorBoundary>
     );
   };
 };
 
+const ErrorBoundary = ({ children }: PropsWithChildren) => {
+  const [error, setError] = useState<Error>();
+  useEffect(() => {
+    const handleError = (event: PromiseRejectionEvent) => {
+      setError(event.reason);
+    };
+
+    window.addEventListener('unhandledrejection', handleError);
+    return () => window.removeEventListener('unhandledrejection', handleError);
+  }, []);
+
+  if (error) {
+    return <ErrorFallback error={error} resetErrorBoundary={() => setError(undefined)} />;
+  }
+
+  return <NativeErrorBoundary FallbackComponent={ErrorFallback}>{children}</NativeErrorBoundary>;
+};
+
 const ErrorFallback = ({ error }: FallbackProps) => {
   const { name, message, stack } =
     error instanceof Error ? error : { name: 'Error', message: String(error), stack: undefined };
   return (
-    <div role='alert' className='flex flex-col overflow-hidden p-4 gap-4'>
+    <div role='alert' className='flex flex-col p-4 gap-4 overflow-auto'>
       <h1 className='text-xl text-red-500'>{name}</h1>
       <div className='text-lg'>{message}</div>
       {stack && <pre className='whitespace-pre-wrap text-sm text-subdued'>{stack}</pre>}

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.json",
+  "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
     "jsx": "react",
     "lib": [