@xyo-network/react-schema 2.81.10 → 2.83.0

package/package.json

@@ -10,37 +10,37 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/hex": "^3.6.4",
-    "@xylabs/lodash": "^3.6.4",
-    "@xylabs/react-async-effect": "^3.4.1",
-    "@xylabs/react-link": "^3.4.1",
-    "@xylabs/react-select": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/diviner-schema-list-model": "^2.110.9",
-    "@xyo-network/diviner-schema-stats-model": "^2.110.9",
+    "@xylabs/hex": "^3.6.12",
+    "@xylabs/lodash": "^3.6.12",
+    "@xylabs/react-async-effect": "^3.4.2",
+    "@xylabs/react-link": "^3.4.2",
+    "@xylabs/react-select": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/diviner-schema-list-model": "^2.111.3",
+    "@xyo-network/diviner-schema-stats-model": "^2.111.3",
     "@xyo-network/node-core-types": "^2.89.1",
-    "@xyo-network/payload-builder": "^2.110.9",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-diviner": "^2.81.10",
-    "@xyo-network/react-event": "^2.81.10",
-    "@xyo-network/react-property": "^2.81.10",
-    "@xyo-network/react-shared": "^2.81.10",
-    "@xyo-network/schema-cache": "^2.110.9",
-    "@xyo-network/schema-payload-plugin": "^2.110.9",
-    "react-router-dom": "^6.25.1"
+    "@xyo-network/payload-builder": "^2.111.3",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-diviner": "^2.83.0",
+    "@xyo-network/react-event": "^2.83.0",
+    "@xyo-network/react-property": "^2.83.0",
+    "@xyo-network/react-shared": "^2.83.0",
+    "@xyo-network/schema-cache": "^2.111.3",
+    "@xyo-network/schema-payload-plugin": "^2.111.3",
+    "react-router-dom": "^6.26.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/bridge-http": "^2.110.9",
-    "@xyo-network/node-memory": "^2.110.9",
-    "@xyo-network/node-model": "^2.110.9",
-    "@xyo-network/react-node": "^2.81.10",
-    "@xyo-network/react-payload-raw-info": "^2.81.10",
-    "@xyo-network/react-storybook": "^2.81.10",
-    "@xyo-network/react-wallet": "^2.81.10",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
+    "@xyo-network/bridge-http": "^2.111.3",
+    "@xyo-network/node-memory": "^2.111.3",
+    "@xyo-network/node-model": "^2.111.3",
+    "@xyo-network/react-node": "^2.83.0",
+    "@xyo-network/react-payload-raw-info": "^2.83.0",
+    "@xyo-network/react-storybook": "^2.83.0",
+    "@xyo-network/react-wallet": "^2.83.0",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -56,32 +56,16 @@
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -103,6 +87,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/components/Property/SchemaProperty.stories.tsx

@@ -1,7 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { useEvent } from '@xyo-network/react-event'
+import React from 'react'
 
-import { SchemaProperty, SchemaPropertyProps } from './SchemaProperty.js'
+import { SchemaProperty, SchemaPropertyProps } from './SchemaProperty.tsx'
 
 const StorybookEntry: Meta = {
   component: SchemaProperty,
@@ -38,5 +39,4 @@ WithUnverifiedValue.args = { value: 'network.xyo.blahblah' }
 
 export { Default, WithUnverifiedValue, WithVerifiedValue, WithVerifiedValuePaper }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/Property/SchemaProperty.tsx

@@ -5,7 +5,7 @@ import { LinkEx } from '@xylabs/react-link'
 import { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'
 import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
 import { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'
-import { forwardRef, useState } from 'react'
+import React, { forwardRef, useState } from 'react'
 
 export type SchemaPropertyProps = PropertyProps & {
   showLinkNames?: boolean
@@ -17,7 +17,6 @@ export type SchemaPropertyProps = PropertyProps & {
 const useResolveSchema = (schema?: string) => {
   const [entry, setEntry] = useState<SchemaCacheEntry | null>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (schema) {
         const entry = await SchemaCache.instance.get(schema)
@@ -50,34 +49,46 @@ export const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(
 
     return (
       <Property ref={forwardedRef} title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps} {...props}>
-        {value && showStatusIcon ?
-          resolvedSchema === null ?
-            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
-              <NewReleasesIcon color="warning" fontSize="inherit" />
-            </IconButton>
-          : resolvedSchema === undefined ?
-            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
-              <NewReleasesIcon color="disabled" fontSize="inherit" />
-            </IconButton>
-          : <IconButton rel="noopener noreferrer" size="small" target="_blank" href={resolvedSchema?.huri?.href ?? ''}>
-              <VerifiedIcon color="success" fontSize="inherit" />
-            </IconButton>
+        {value && showStatusIcon
+          ? resolvedSchema === null
+            ? (
+                <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+                  <NewReleasesIcon color="warning" fontSize="inherit" />
+                </IconButton>
+              )
+            : resolvedSchema === undefined
+              ? (
+                  <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+                    <NewReleasesIcon color="disabled" fontSize="inherit" />
+                  </IconButton>
+                )
+              : (
+                  <IconButton rel="noopener noreferrer" size="small" target="_blank" href={resolvedSchema?.huri?.href ?? ''}>
+                    <VerifiedIcon color="success" fontSize="inherit" />
+                  </IconButton>
+                )
 
-        : null}
-        {value ?
-          <>
-            {showLinkNames ?
-              <LinkEx display="block" width="100%" sx={{ cursor: 'pointer' }}>
-                <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
-              </LinkEx>
-            : <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />}
-            {showOpenNewWindowLink ?
-              <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch, true)}>
-                <OpenInNewIcon fontSize="inherit" />
-              </IconButton>
-            : null}
-          </>
-        : null}
+          : null}
+        {value
+          ? (
+              <>
+                {showLinkNames
+                  ? (
+                      <LinkEx display="block" width="100%" sx={{ cursor: 'pointer' }}>
+                        <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
+                      </LinkEx>
+                    )
+                  : <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />}
+                {showOpenNewWindowLink
+                  ? (
+                      <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch, true)}>
+                        <OpenInNewIcon fontSize="inherit" />
+                      </IconButton>
+                    )
+                  : null}
+              </>
+            )
+          : null}
       </Property>
     )
   },

package/src/components/Property/index.ts

@@ -1 +1 @@
-export * from './SchemaProperty.js'
+export * from './SchemaProperty.tsx'

package/src/components/SelectEx/SchemaSelectEx.tsx

@@ -1,7 +1,8 @@
 import { MenuItem, Typography } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
+import React from 'react'
 
-import { useSchema } from '../../contexts/index.js'
+import { useSchema } from '../../contexts/index.ts'
 
 export type SchemaSelectExProps = SelectExProps<string>
 

package/src/components/SelectEx/index.ts

@@ -1 +1 @@
-export * from './SchemaSelectEx.js'
+export * from './SchemaSelectEx.tsx'

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './Property/index.js'
-export * from './SelectEx/index.js'
+export * from './Property/index.ts'
+export * from './SelectEx/index.ts'

package/src/contexts/Schema/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { SchemaContextState } from './State.js'
+import { SchemaContextState } from './State.ts'
 
 export const SchemaContext = createContextEx<SchemaContextState>()

package/src/contexts/Schema/Provider/Memory.tsx

@@ -1,12 +1,12 @@
 import { compact } from '@xylabs/lodash'
 import { WithChildren } from '@xylabs/react-shared'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 
-import { useSchemaStats } from '../../../hooks/index.js'
-import { SchemaContext } from '../Context.js'
-import { SchemaProviderProps } from './Props.js'
+import { useSchemaStats } from '../../../hooks/index.ts'
+import { SchemaContext } from '../Context.ts'
+import { SchemaProviderProps } from './Props.ts'
 
-export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList, ...props }) => {
   const [schema, setSchema] = useState(defaultSchema)
   const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)
   const [fetchedSchemaStats] = useSchemaStats()
@@ -18,5 +18,7 @@ export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> =
     }
   }, [fetchedSchemaStats])
 
-  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />
+  const value = useMemo(() => ({ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }), [schema, schemaList, knownSchemaList])
+
+  return <SchemaContext.Provider value={value} {...props} />
 }

package/src/contexts/Schema/Provider/Route.tsx

@@ -1,11 +1,11 @@
 import type { WithChildren } from '@xylabs/react-shared'
-import { useCallback, useEffect } from 'react'
+import React, { useCallback, useEffect, useMemo } from 'react'
 import { useSearchParams } from 'react-router-dom'
 
-import { SchemaContext } from '../Context.js'
-import { useSchema } from '../use.js'
-import { SchemaMemoryProvider } from './Memory.js'
-import { SchemaProviderProps } from './Props.js'
+import { SchemaContext } from '../Context.ts'
+import { useSchema } from '../use.ts'
+import { SchemaMemoryProvider } from './Memory.tsx'
+import { SchemaProviderProps } from './Props.ts'
 
 const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
   const { schema, setSchema, schemaList } = useSchema()
@@ -14,7 +14,7 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
 
   const routeSchema = params.get('schema')
 
-  //update the network stored in the route
+  // update the network stored in the route
   const setSchemaParam = useCallback(
     (schema?: string) => {
       if (schema) {
@@ -28,7 +28,7 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
     [params, setParams, setSchema],
   )
 
-  //if the network is actively changed, update both memory and route
+  // if the network is actively changed, update both memory and route
   const setSchemaLocal = useCallback(
     (schema: string) => {
       setSchemaParam(schema)
@@ -37,20 +37,22 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
     [setSchemaParam, setSchema],
   )
 
-  //sync memory and route storage of network
+  // sync memory and route storage of network
   useEffect(() => {
     if (routeSchema !== schema) {
       if (routeSchema === undefined && schema !== undefined) {
-        //if the route does not have a network selected, use what is in the memory context
+        // if the route does not have a network selected, use what is in the memory context
         setSchemaLocal(schema)
       } else if (routeSchema) {
-        //if the route has a selection and it is different from memory, update memory
+        // if the route has a selection and it is different from memory, update memory
         setSchema?.(routeSchema)
       }
     }
   }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])
 
-  return <SchemaContext.Provider value={{ provided: true, schema, schemaList, setSchema: setSchemaLocal }}>{children}</SchemaContext.Provider>
+  const value = useMemo(() => ({ provided: true, schema, schemaList, setSchema: setSchemaLocal }), [schema, schemaList, setSchemaLocal])
+
+  return <SchemaContext.Provider value={value}>{children}</SchemaContext.Provider>
 }
 
 export const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {

package/src/contexts/Schema/Provider/index.ts

@@ -1,3 +1,3 @@
-export * from './Memory.js'
-export * from './Props.js'
-export * from './Route.js'
+export * from './Memory.tsx'
+export * from './Props.ts'
+export * from './Route.tsx'

package/src/contexts/Schema/index.ts

@@ -1,4 +1,4 @@
-export * from './Context.js'
-export * from './Provider/index.js'
-export * from './State.js'
-export * from './use.js'
+export * from './Context.ts'
+export * from './Provider/index.ts'
+export * from './State.ts'
+export * from './use.ts'

package/src/contexts/Schema/use.ts

@@ -1,7 +1,7 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { SchemaContext } from './Context.js'
-import { SchemaContextState } from './State.js'
+import { SchemaContext } from './Context.ts'
+import { SchemaContextState } from './State.ts'
 
 export const useSchema = (required = false) => {
   return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)

package/src/contexts/index.ts

@@ -1 +1 @@
-export * from './Schema/index.js'
+export * from './Schema/index.ts'

package/src/hooks/index.ts

@@ -1,4 +1,4 @@
-export * from './useGetSchema.js'
-export * from './useSchemaDefinitions.js'
-export * from './useSchemaList.js'
-export * from './useSchemaStats.js'
+export * from './useGetSchema.tsx'
+export * from './useSchemaDefinitions.tsx'
+export * from './useSchemaList.tsx'
+export * from './useSchemaStats.tsx'

package/src/hooks/stories/TestSchemaHooks.stories.tsx

@@ -10,11 +10,11 @@ import { NodeProvider } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { SchemaCache } from '@xyo-network/schema-cache'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { useSchemaDefinitions } from '../useSchemaDefinitions.js'
-import { useSchemaList } from '../useSchemaList.js'
-import { useSchemaStats } from '../useSchemaStats.js'
+import { useSchemaDefinitions } from '../useSchemaDefinitions.tsx'
+import { useSchemaList } from '../useSchemaList.tsx'
+import { useSchemaStats } from '../useSchemaStats.tsx'
 
 const apiConfig = { apiDomain: 'https://api.archivist.xyo.network' }
 const nodeUrl = 'http://localhost:8080/node'
@@ -23,7 +23,6 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   const [node, setNode] = useState<MemoryNode>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
       const node = await MemoryNode.create({ config: { schema: NodeConfigSchema } })
       const bridge = await HttpBridge.create({ config: { nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } } })
@@ -45,7 +44,6 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default {
   decorators: [MemoryNodeDecorator],
   title: 'schema/Hooks',
@@ -57,29 +55,29 @@ const Template: StoryFn<React.FC> = () => {
   const [address, setAddress] = useState<Address>()
   const [schemaStats, schemaStatsError] = useSchemaStats(address)
   const [schemaList, schemaListError] = useSchemaList(address)
-  const mappedSchemaList = schemaList?.schemas?.map((name) => ({ name })) as { name: string }[]
+  const mappedSchemaList = schemaList?.schemas?.map(name => ({ name })) as { name: string }[]
   const schemaDefinitions = useSchemaDefinitions(mappedSchemaList)
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', rowGap: '16px' }}>
-      {schemaStatsError ?
-        <Alert severity={'error'}>{schemaStatsError.message ?? schemaListError?.message}</Alert>
-      : null}
+      {schemaStatsError
+        ? <Alert severity="error">{schemaStatsError.message ?? schemaListError?.message}</Alert>
+        : null}
       <FlexGrowRow columnGap={4}>
-        <TextField fullWidth size="small" value={address} label="Address" onChange={(event) => setAddressText(event.target.value as Address)} />
+        <TextField fullWidth size="small" value={address} label="Address" onChange={event => setAddressText(event.target.value as Address)} />
         <Button variant="contained" onClick={() => setAddress(addressText)} sx={{ whiteSpace: 'nowrap' }}>
           Get Stats
         </Button>
       </FlexGrowRow>
-      <Typography variant={'h2'}>Schema Stats</Typography>
+      <Typography variant="h2">Schema Stats</Typography>
       <code>
         <pre>{JSON.stringify(schemaStats, null, 2)}</pre>
       </code>
-      <Typography variant={'h2'}>Schema List</Typography>
+      <Typography variant="h2">Schema List</Typography>
       <code>
         <pre>{JSON.stringify(schemaList, null, 2)}</pre>
       </code>
-      <Typography variant={'h2'}>Schema Definitions</Typography>
+      <Typography variant="h2">Schema Definitions</Typography>
       <pre>
         <code>{JSON.stringify(schemaDefinitions, null, 2)}</code>
       </pre>

package/src/hooks/useGetSchema.stories.tsx

@@ -3,9 +3,9 @@ import { Meta, StoryFn } from '@storybook/react'
 import { FlexRow } from '@xylabs/react-flexbox'
 import { JsonViewerEx } from '@xyo-network/react-payload-raw-info'
 import { SchemaCache } from '@xyo-network/schema-cache'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 
-import { useGetSchemaPayload } from './useGetSchema.js'
+import { useGetSchemaPayload } from './useGetSchema.tsx'
 
 SchemaCache.instance.proxy = 'https://beta.api.archivist.xyo.network/domain'
 
@@ -37,7 +37,7 @@ const UseGetSchemaComponent: React.FC<{ schema: string }> = ({ schema }) => {
         ))}
       </Typography>
       <FormControl>
-        <TextField value={schemaFieldValue} label="Schema Name" onChange={(e) => setSchemaFieldValue(e.target.value)} />
+        <TextField value={schemaFieldValue} label="Schema Name" onChange={e => setSchemaFieldValue(e.target.value)} />
       </FormControl>
       <FlexRow my={3} justifyContent="start">
         <JsonViewerEx value={schemaPayload || {}} />
@@ -69,5 +69,4 @@ Domain.args = { schema: 'network.xyo.domain' }
 
 export { Default, Domain }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/hooks/useGetSchema.tsx

@@ -15,7 +15,6 @@ const useGetSchemaPayload = (schema?: string) => {
   const [schemaLocal, setSchemaLocal] = useState<string>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       const firstRequest = !notFound && !schemaCacheEntry && !xyoError
       const schemaChanged = schema !== schemaLocal

package/src/hooks/useSchemaDefinitions.tsx

@@ -8,15 +8,14 @@ export type SchemaList = { name: string }
 export const useSchemaDefinitions = (schemaList?: SchemaList[]): SchemaPayload[] | undefined => {
   const [schemaPayloads, setSchemaPayloads] = useState<SchemaPayload[]>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (schemaList) {
         const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => SchemaCache.instance.get(name)))
         if (mounted()) {
           setSchemaPayloads(
             promiseResults
-              .map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
-              .filter((item) => item !== undefined && item !== null) as SchemaPayload[],
+              .map(result => (result.status === 'fulfilled' ? result.value?.payload : undefined))
+              .filter(item => item !== undefined && item !== null) as SchemaPayload[],
           )
         }
       }

package/src/hooks/useSchemaList.tsx

@@ -12,14 +12,14 @@ export const useSchemaList = (address?: Address, nameOrAddress = 'SchemaListDivi
 
   const query: SchemaListQueryPayload[] | undefined = useMemo(
     () =>
-      address ?
-        [
-          {
-            address,
-            schema: SchemaListQuerySchema,
-          },
-        ]
-      : undefined,
+      address
+        ? [
+            {
+              address,
+              schema: SchemaListQuerySchema,
+            },
+          ]
+        : undefined,
     [address],
   )
 
@@ -31,7 +31,6 @@ export const useSchemaList = (address?: Address, nameOrAddress = 'SchemaListDivi
   }, [diviner])
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps, require-await
     async (mounted) => {
       const divinerInstance = diviner?.deref()
       if (divinerInstance) {

package/src/hooks/useSchemaStats.tsx

@@ -18,7 +18,7 @@ export const useSchemaStats = (
   const [refresh, setRefresh] = useState(1)
   const [diviner, divinerError] = useWeakDivinerFromNode(nameOrAddress)
   const [error, setError] = useState<Error>()
-  const refreshHistory = () => setRefresh((previous) => previous + 1)
+  const refreshHistory = () => setRefresh(previous => previous + 1)
 
   const [schemaList, setSchemaList] = useState<WithSources<WithMeta<SchemaStatsPayload>>[]>()
 
@@ -31,7 +31,6 @@ export const useSchemaStats = (
   )
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       const instance = diviner?.deref()
       if (instance) {

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js'
-export * from './contexts/index.js'
-export * from './hooks/index.js'
+export * from './components/index.ts'
+export * from './contexts/index.ts'
+export * from './hooks/index.ts'

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/components/Property/SchemaProperty.d.cts

@@ -1,39 +0,0 @@
-import { PropertyProps } from '@xyo-network/react-property';
-export type SchemaPropertyProps = PropertyProps & {
-    showLinkNames?: boolean;
-    showOpenNewWindowLink?: boolean;
-    showStatusIcon?: boolean;
-    value?: string;
-};
-export declare const SchemaProperty: import("react").ForwardRefExoticComponent<((import("@xyo-network/react-property").PropertyBaseProps & {
-    actions?: import("@xyo-network/react-property").PropertyAction[];
-    badge?: boolean;
-    required?: boolean;
-    size?: import("@xyo-network/react-shared").SizeProp;
-    value?: string | number | boolean | null;
-} & import("@xylabs/react-flexbox").BusyBoxProps & {
-    paper?: false;
-} & {
-    showLinkNames?: boolean;
-    showOpenNewWindowLink?: boolean;
-    showStatusIcon?: boolean;
-    value?: string;
-}) | Omit<import("@xyo-network/react-property").PropertyBaseProps & {
-    actions?: import("@xyo-network/react-property").PropertyAction[];
-    badge?: boolean;
-    required?: boolean;
-    size?: import("@xyo-network/react-shared").SizeProp;
-    value?: string | number | boolean | null;
-} & import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "elevation" | "square" | "sx" | "variant"> & {
-    component?: import("react").ElementType;
-} & {
-    paper: true;
-} & {
-    showLinkNames?: boolean;
-    showOpenNewWindowLink?: boolean;
-    showStatusIcon?: boolean;
-    value?: string;
-}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=SchemaProperty.d.ts.map

package/dist/browser/components/Property/SchemaProperty.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Property/SchemaProperty.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,aAAa,EAAiB,MAAM,6BAA6B,CAAA;AAIpF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAmBD,eAAO,MAAM,cAAc;;;;;;;;;oBAvBT,OAAO;4BACC,OAAO;qBACd,OAAO;YAChB,MAAM;;;;;;;;;;;;;;oBAHE,OAAO;4BACC,OAAO;qBACd,OAAO;YAChB,MAAM;2DAsEf,CAAA"}