tinybase 6.0.0-beta.2 → 6.0.0

package/@types/ui-react/with-schemas/index.d.cts

@@ -22,7 +22,6 @@
  * @module ui-react
  * @since v1.0.0
  */
-
 import type {
   AllCellIdFromSchema,
   CellIdFromSchema,
@@ -31,14 +30,6 @@ import type {
   TableIdFromSchema,
   ValueIdFromSchema,
 } from '../../_internal/store/with-schemas/index.d.cts';
-import type {
-  AnyPersister,
-  PersistedStore,
-  Persister,
-  Persists,
-  Status,
-  StatusListener,
-} from '../../persisters/with-schemas/index.d.cts';
 import type {
   BackwardCheckpointsProps,
   CellProps,
@@ -75,6 +66,12 @@ import type {
   ValueProps,
   ValuesProps,
 } from '../../_internal/ui-react/with-schemas/index.d.cts';
+import type {
+  CheckpointIds,
+  CheckpointIdsListener,
+  CheckpointListener,
+  Checkpoints,
+} from '../../checkpoints/with-schemas/index.d.cts';
 import type {
   Callback,
   Id,
@@ -82,6 +79,44 @@ import type {
   Ids,
   ParameterizedCallback,
 } from '../../common/with-schemas/index.d.cts';
+import type {
+  Indexes,
+  SliceIdsListener,
+  SliceRowIdsListener,
+} from '../../indexes/with-schemas/index.d.cts';
+import type {MergeableStore} from '../../mergeable-store/with-schemas/index.d.cts';
+import type {
+  MetricListener,
+  Metrics,
+} from '../../metrics/with-schemas/index.d.cts';
+import type {
+  AnyPersister,
+  PersistedStore,
+  Persister,
+  Persists,
+  Status,
+  StatusListener,
+} from '../../persisters/with-schemas/index.d.cts';
+import type {
+  Queries,
+  ResultCell,
+  ResultCellIdsListener,
+  ResultCellListener,
+  ResultRow,
+  ResultRowCountListener,
+  ResultRowIdsListener,
+  ResultRowListener,
+  ResultSortedRowIdsListener,
+  ResultTable,
+  ResultTableCellIdsListener,
+  ResultTableListener,
+} from '../../queries/with-schemas/index.d.cts';
+import type {
+  LinkedRowIdsListener,
+  LocalRowIdsListener,
+  Relationships,
+  RemoteRowIdListener,
+} from '../../relationships/with-schemas/index.d.cts';
 import type {
   Cell,
   CellIdsListener,
@@ -116,44 +151,8 @@ import type {
   Values,
   ValuesListener,
 } from '../../store/with-schemas/index.d.cts';
-import type {
-  CheckpointIds,
-  CheckpointIdsListener,
-  CheckpointListener,
-  Checkpoints,
-} from '../../checkpoints/with-schemas/index.d.cts';
-import type {
-  Indexes,
-  SliceIdsListener,
-  SliceRowIdsListener,
-} from '../../indexes/with-schemas/index.d.cts';
-import type {
-  LinkedRowIdsListener,
-  LocalRowIdsListener,
-  Relationships,
-  RemoteRowIdListener,
-} from '../../relationships/with-schemas/index.d.cts';
-import type {
-  MetricListener,
-  Metrics,
-} from '../../metrics/with-schemas/index.d.cts';
-import type {
-  Queries,
-  ResultCell,
-  ResultCellIdsListener,
-  ResultCellListener,
-  ResultRow,
-  ResultRowCountListener,
-  ResultRowIdsListener,
-  ResultRowListener,
-  ResultSortedRowIdsListener,
-  ResultTable,
-  ResultTableCellIdsListener,
-  ResultTableListener,
-} from '../../queries/with-schemas/index.d.cts';
-import type {MergeableStore} from '../../mergeable-store/with-schemas/index.d.cts';
-import type {ReactElement} from 'react';
 import type {Synchronizer} from '../../synchronizers/with-schemas/index.d.cts';
+import type {ReactElement} from 'react';
 
 export type WithSchemas<Schemas extends OptionalSchemas> = {
   /**
@@ -497,10 +496,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * component accesses their Ids.
  *
  * ```jsx
- * import {Provider, useCreateStore, useStoreIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCreateStore, useStoreIds} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -551,10 +550,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * reference to the Store again, without the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useStore} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -575,10 +574,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a reference to the Store again, without the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useStore} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -623,10 +622,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * to the Store again.
  *
  * ```jsx
- * import {Provider, useStores} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useStores} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -681,10 +680,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * it more portable.
  *
  * ```jsx
- * import {Provider, useStoreOrStoreById} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useStoreOrStoreById} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -740,15 +739,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * This example creates a Provider context. A child component registers a Store
  * into it which is then consumable by a peer child component.
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCreateStore,
  *   useProvideStore,
  *   useStore,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createStore} from 'tinybase';
  *
  * const App = () => (
  *   <Provider>
@@ -831,10 +830,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasTables hook.
  *
  * ```jsx
- * import {Provider, useHasTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTables} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -854,10 +853,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasTables hook.
  *
  * ```jsx
- * import {Provider, useHasTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTables} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -930,10 +929,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useTables hook.
  *
  * ```jsx
- * import {Provider, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTables} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -953,10 +952,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useTables hook.
  *
  * ```jsx
- * import {Provider, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTables} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1027,10 +1026,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useTableIds hook.
  *
  * ```jsx
- * import {Provider, useTableIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1050,10 +1049,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useTableIds hook.
  *
  * ```jsx
- * import {Provider, useTableIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1134,10 +1133,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasTable hook.
  *
  * ```jsx
- * import {Provider, useHasTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTable} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1157,10 +1156,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasTable hook.
  *
  * ```jsx
- * import {Provider, useHasTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTable} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1238,10 +1237,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useTable hook.
  *
  * ```jsx
- * import {Provider, useTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTable} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1261,10 +1260,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useTable hook.
  *
  * ```jsx
- * import {Provider, useTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTable} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1347,10 +1346,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useTableCellIds hook.
  *
  * ```jsx
- * import {Provider, useTableCellIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableCellIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1370,10 +1369,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useTableCellIds hook.
  *
  * ```jsx
- * import {Provider, useTableCellIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableCellIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1459,10 +1458,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasTableCell hook.
  *
  * ```jsx
- * import {Provider, useHasTableCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTableCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1484,10 +1483,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasTableCell hook.
  *
  * ```jsx
- * import {Provider, useHasTableCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTableCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1571,10 +1570,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useRowCount hook.
  *
  * ```jsx
- * import {Provider, useRowCount} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowCount} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1594,10 +1593,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useRowCount hook.
  *
  * ```jsx
- * import {Provider, useRowCount} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowCount} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1673,10 +1672,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useRowIds hook.
  *
  * ```jsx
- * import {Provider, useRowIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1696,10 +1695,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useRowIds hook.
  *
  * ```jsx
- * import {Provider, useRowIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1800,10 +1799,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useSortedRowIds hook.
  *
  * ```jsx
- * import {Provider, useSortedRowIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useSortedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1828,10 +1827,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useSortedRowIds hook.
  *
  * ```jsx
- * import {Provider, useSortedRowIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useSortedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -1933,10 +1932,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasRow hook.
  *
  * ```jsx
- * import {Provider, useHasRow} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasRow} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1958,10 +1957,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasRow hook.
  *
  * ```jsx
- * import {Provider, useHasRow} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasRow} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2047,10 +2046,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useRow hook.
  *
  * ```jsx
- * import {Provider, useRow} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRow} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2070,10 +2069,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useRow hook.
  *
  * ```jsx
- * import {Provider, useRow} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRow} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2159,10 +2158,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useCellIds hook.
  *
  * ```jsx
- * import {Provider, useCellIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCellIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2184,10 +2183,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useCellIds hook.
  *
  * ```jsx
- * import {Provider, useCellIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCellIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2276,10 +2275,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasCell hook.
  *
  * ```jsx
- * import {Provider, useHasCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2301,10 +2300,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasCell hook.
  *
  * ```jsx
- * import {Provider, useHasCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2396,10 +2395,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useCell hook.
  *
  * ```jsx
- * import {Provider, useCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2419,10 +2418,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useCell hook.
  *
  * ```jsx
- * import {Provider, useCell} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCell} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2505,10 +2504,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasValues hook.
  *
  * ```jsx
- * import {Provider, useHasValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValues} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2528,10 +2527,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasValues hook.
  *
  * ```jsx
- * import {Provider, useHasValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValues} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2603,10 +2602,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useValues hook.
  *
  * ```jsx
- * import {Provider, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValues} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2626,10 +2625,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useValues hook.
  *
  * ```jsx
- * import {Provider, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValues} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2700,10 +2699,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useValueIds hook.
  *
  * ```jsx
- * import {Provider, useValueIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValueIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2723,10 +2722,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useValueIds hook.
  *
  * ```jsx
- * import {Provider, useValueIds} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValueIds} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2807,10 +2806,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useHasValue hook.
  *
  * ```jsx
- * import {Provider, useHasValue} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValue} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2830,10 +2829,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useHasValue hook.
  *
  * ```jsx
- * import {Provider, useHasValue} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValue} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -2914,10 +2913,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useValue hook.
  *
  * ```jsx
- * import {Provider, useValue} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValue} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -2937,10 +2936,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * by Id. A component within it then uses the useValue hook.
  *
  * ```jsx
- * import {Provider, useValue} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValue} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider storesById={{petStore: store}}>
@@ -3021,10 +3020,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useSetTablesCallback, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useSetTablesCallback, useTables} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
  * const App = () => {
@@ -3128,10 +3127,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useSetTableCallback, useTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useSetTableCallback, useTable} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {nemo: {species: 'fish'}});
  * const App = () => {
@@ -3245,10 +3244,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useRow, useSetRowCallback} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useRow, useSetRowCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setRow('pets', 'nemo', {species: 'fish'});
  * const App = () => {
@@ -3367,10 +3366,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useAddRowCallback, useTable} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useAddRowCallback, useTable} from 'tinybase/ui-react';
  *
  * const store = createStore().setRow('pets', 'nemo', {species: 'fish'});
  * const App = () => {
@@ -3483,10 +3482,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * handler which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useRow, useSetPartialRowCallback} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useRow, useSetPartialRowCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setRow('pets', 'nemo', {species: 'fish'});
  * const App = () => {
@@ -3606,10 +3605,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which updates the Store with a Cell value when the `span` element is clicked.
  *
  * ```jsx
- * import {useRow, useSetCellCallback} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useRow, useSetCellCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setCell('pets', 'nemo', 'species', 'fish');
  * const App = () => {
@@ -3648,10 +3647,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * clicked.
  *
  * ```jsx
- * import {useRow, useSetCellCallback} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useRow, useSetCellCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setCell('pets', 'nemo', 'visits', 1);
  * const App = () => {
@@ -3764,10 +3763,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useSetValuesCallback, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useSetValuesCallback, useValues} from 'tinybase/ui-react';
  *
  * const store = createStore().setValues({open: true});
  * const App = () => {
@@ -3868,10 +3867,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * handler which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useSetPartialValuesCallback, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useSetPartialValuesCallback, useValues} from 'tinybase/ui-react';
  *
  * const store = createStore().setValues({open: true});
  * const App = () => {
@@ -3979,10 +3978,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which updates the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useSetValueCallback, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useSetValueCallback, useValues} from 'tinybase/ui-react';
  *
  * const store = createStore().setValue('open', true);
  * const App = () => {
@@ -4071,10 +4070,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelTablesCallback, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelTablesCallback, useTables} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
  * const App = () => {
@@ -4154,10 +4153,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelTableCallback, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelTableCallback, useTables} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
  * const App = () => {
@@ -4245,10 +4244,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelRowCallback, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelRowCallback, useTables} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
  * const App = () => {
@@ -4341,10 +4340,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelCellCallback, useTables} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelCellCallback, useTables} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
  * const App = () => {
@@ -4432,10 +4431,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelValuesCallback, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelValuesCallback, useValues} from 'tinybase/ui-react';
  *
  * const store = createStore().setValues({open: true});
  * const App = () => {
@@ -4515,10 +4514,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * which deletes from the Store when the `span` element is clicked.
  *
  * ```jsx
- * import {useDelValueCallback, useValues} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {useDelValueCallback, useValues} from 'tinybase/ui-react';
  *
  * const store = createStore().setValues({open: true, employees: 3});
  * const App = () => {
@@ -4599,10 +4598,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasTablesListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTablesListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -4677,10 +4676,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useTablesListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTablesListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -4756,10 +4755,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useTableIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -4840,10 +4839,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasTableListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTableListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -4928,10 +4927,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useTableListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5016,10 +5015,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useTableCellIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useTableCellIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5107,10 +5106,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasTableCellListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasTableCellListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5202,10 +5201,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useRowCountListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowCountListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5288,10 +5287,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useRowIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5382,10 +5381,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useSortedRowIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useSortedRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5498,10 +5497,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasRowListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasRowListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5596,10 +5595,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useRowListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useRowListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5693,10 +5692,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useCellIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCellIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5794,10 +5793,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasCellListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasCellListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5905,10 +5904,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useCellListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useCellListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -5998,10 +5997,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasValuesListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValuesListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6076,10 +6075,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useValuesListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValuesListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6155,10 +6154,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useValueIdsListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValueIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6240,10 +6239,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useHasValueListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useHasValueListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6328,10 +6327,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Store.
  *
  * ```jsx
- * import {Provider, useValueListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useValueListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6403,10 +6402,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useStartTransactionListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, useStartTransactionListener} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6475,13 +6474,13 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * unmounted, the listener is removed from the Store.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useWillFinishTransactionListener,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createStore} from 'tinybase';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6552,13 +6551,13 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * unmounted, the listener is removed from the Store.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useDidFinishTransactionListener,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createStore} from 'tinybase';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -6639,10 +6638,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object creation only occurs once by default.
  *
  * ```jsx
- * import {createMetrics, createStore} from 'tinybase';
- * import {useCreateMetrics, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {useCreateMetrics, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(() =>
@@ -6676,10 +6675,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * dependency, and so the Metrics object is created again on the second render.
  *
  * ```jsx
- * import {createMetrics, createStore} from 'tinybase';
- * import {useCreateMetrics, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {useCreateMetrics, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = ({tableToCount}) => {
  *   const store = useCreateStore(() =>
@@ -6733,15 +6732,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCreateMetrics,
  *   useCreateStore,
  *   useMetricsIds,
  * } from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -6795,10 +6794,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * as a prop.
  *
  * ```jsx
- * import {Provider, useMetrics} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetrics} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -6820,10 +6819,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useMetrics} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetrics} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metricsById={{petStore: metrics}}>
@@ -6878,10 +6877,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * into it, making it more portable.
  *
  * ```jsx
- * import {Provider, useMetricsOrMetricsById} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetricsOrMetricsById} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -6950,9 +6949,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the component.
  *
  * ```jsx
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
  * import {useMetricIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -7013,9 +7012,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * component.
  *
  * ```jsx
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
  * import {useMetric} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('species', {
@@ -7041,10 +7040,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useMetric hook.
  *
  * ```jsx
- * import {Provider, useMetric} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetric} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -7071,10 +7070,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useMetric hook.
  *
  * ```jsx
- * import {Provider, useMetric} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetric} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metricsById={{petMetrics: metrics}}>
@@ -7146,10 +7145,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Metrics object.
  *
  * ```jsx
- * import {Provider, useMetricListener} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {Provider, useMetricListener} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -7236,10 +7235,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object creation only occurs once by default.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
- * import {useCreateIndexes, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {useCreateIndexes, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(() =>
@@ -7278,10 +7277,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * dependency, and so the Indexes object is created again on the second render.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
- * import {useCreateIndexes, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {useCreateIndexes, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = ({cellToIndex}) => {
  *   const store = useCreateStore(() =>
@@ -7338,15 +7337,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCreateIndexes,
  *   useCreateStore,
  *   useIndexesIds,
  * } from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -7400,10 +7399,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * as a prop.
  *
  * ```jsx
- * import {Provider, useIndexes} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useIndexes} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -7425,10 +7424,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useIndexes} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useIndexes} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexesById={{petStore: indexes}}>
@@ -7483,10 +7482,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * into it, making it more portable.
  *
  * ```jsx
- * import {Provider, useIndexesOrIndexesById} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useIndexesOrIndexesById} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -7555,9 +7554,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * component.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
  * import {useIndexIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -7616,9 +7615,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the component.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
  * import {useSliceIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -7646,10 +7645,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useSliceIds hook.
  *
  * ```jsx
- * import {Provider, useSliceIds} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceIds} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -7676,10 +7675,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useSliceIds hook.
  *
  * ```jsx
- * import {Provider, useSliceIds} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceIds} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexesById={{petIndexes: indexes}}>
@@ -7748,9 +7747,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
  * import {useSliceRowIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -7780,10 +7779,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useSliceRowIds hook.
  *
  * ```jsx
- * import {Provider, useSliceRowIds} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceRowIds} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -7812,10 +7811,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useSliceRowIds hook.
  *
  * ```jsx
- * import {Provider, useSliceRowIds} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceRowIds} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexesById={{petIndexes: indexes}}>
@@ -7893,10 +7892,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is removed from the Indexes object.
  *
  * ```jsx
- * import {Provider, useSliceIdsListener} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -7989,10 +7988,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Indexes object.
  *
  * ```jsx
- * import {Provider, useSliceRowIdsListener} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, useSliceRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -8081,10 +8080,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Relationships object creation only occurs once by default.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
- * import {useCreateRelationships, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {useCreateRelationships, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(() =>
@@ -8129,10 +8128,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is created again on the second render.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
- * import {useCreateRelationships, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {useCreateRelationships, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = ({remoteTableAndCellToLink}) => {
  *   const store = useCreateStore(() =>
@@ -8195,15 +8194,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * an inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCreateRelationships,
  *   useCreateStore,
  *   useRelationshipsIds,
  * } from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -8265,10 +8264,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useRelationships} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useRelationships} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -8293,10 +8292,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * without the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useRelationships} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useRelationships} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationshipsById={{petStore: relationships}}>
@@ -8357,13 +8356,13 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * it, making it more portable.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useRelationshipsOrRelationshipsById,
  * } from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -8440,9 +8439,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Relationship re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {useRelationshipIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -8516,9 +8515,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {useRemoteRowId} from 'tinybase/ui-react';
  *
  * const store = createStore()
@@ -8548,10 +8547,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useRemoteRowId hook.
  *
  * ```jsx
- * import {Provider, useRemoteRowId} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useRemoteRowId} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -8577,10 +8576,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useRemoteRowId hook.
  *
  * ```jsx
- * import {Provider, useRemoteRowId} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useRemoteRowId} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationshipsById={{petRelationships: relationships}}>
@@ -8650,9 +8649,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {useLocalRowIds} from 'tinybase/ui-react';
  *
  * const store = createStore()
@@ -8684,10 +8683,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useLocalRowIds hook.
  *
  * ```jsx
- * import {Provider, useLocalRowIds} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLocalRowIds} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -8715,10 +8714,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useLocalRowIds hook.
  *
  * ```jsx
- * import {Provider, useLocalRowIds} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLocalRowIds} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationshipsById={{petRelationships: relationships}}>
@@ -8792,9 +8791,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
  * import {useLinkedRowIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -8829,10 +8828,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useLinkedRowIds hook.
  *
  * ```jsx
- * import {Provider, useLinkedRowIds} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLinkedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -8862,10 +8861,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object is provided. A component within it then uses the useLinkedRowIds hook.
  *
  * ```jsx
- * import {Provider, useLinkedRowIds} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLinkedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationshipsById={{petRelationships: relationships}}>
@@ -8957,10 +8956,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Relationships object.
  *
  * ```jsx
- * import {Provider, useRemoteRowIdListener} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useRemoteRowIdListener} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -9063,10 +9062,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Relationships object.
  *
  * ```jsx
- * import {Provider, useLocalRowIdsListener} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLocalRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -9163,10 +9162,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Relationships object.
  *
  * ```jsx
- * import {Provider, useLinkedRowIdsListener} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, useLinkedRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -9261,10 +9260,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * object creation only occurs once by default.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
- * import {useCreateQueries, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {useCreateQueries, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(() =>
@@ -9308,10 +9307,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * dependency, and so the Queries object is created again on the second render.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
- * import {useCreateQueries, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {useCreateQueries, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(() =>
@@ -9366,15 +9365,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCreateQueries,
  *   useCreateStore,
  *   useQueriesIds,
  * } from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -9428,10 +9427,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a prop.
  *
  * ```jsx
- * import {Provider, useQueries} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useQueries} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -9453,10 +9452,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useQueries} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useQueries} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -9511,10 +9510,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * into it, making it more portable.
  *
  * ```jsx
- * import {Provider, useQueriesOrQueriesById} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useQueriesOrQueriesById} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -9586,9 +9585,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useQueryIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -9653,9 +9652,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultTable} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -9689,10 +9688,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultTable hook.
  *
  * ```jsx
- * import {Provider, useResultTable} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTable} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -9725,10 +9724,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultTable} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTable} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -9798,9 +9797,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * query re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultTableCellIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -9837,10 +9836,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultTableCellIds hook.
  *
  * ```jsx
- * import {Provider, useResultTableCellIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTableCellIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -9873,10 +9872,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * useResultTableCellIds hook.
  *
  * ```jsx
- * import {Provider, useResultTableCellIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTableCellIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -9952,9 +9951,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultRowCount} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -9986,10 +9985,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultRowCount hook.
  *
  * ```jsx
- * import {Provider, useResultRowCount} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowCount} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10019,10 +10018,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultRowCount} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowCount} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10092,9 +10091,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultRowIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -10128,10 +10127,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultRowIds hook.
  *
  * ```jsx
- * import {Provider, useResultRowIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10163,10 +10162,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultRowIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10244,9 +10243,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * query re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultSortedRowIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -10291,10 +10290,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultSortedRowIds hook.
  *
  * ```jsx
- * import {Provider, useResultSortedRowIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultSortedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10328,10 +10327,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * useResultSortedRowIds hook.
  *
  * ```jsx
- * import {Provider, useResultSortedRowIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultSortedRowIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10418,9 +10417,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultRow} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -10454,10 +10453,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultRow hook.
  *
  * ```jsx
- * import {Provider, useResultRow} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRow} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10489,10 +10488,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultRow} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRow} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10567,9 +10566,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultCellIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -10607,10 +10606,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultCellIds hook.
  *
  * ```jsx
- * import {Provider, useResultCellIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCellIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10643,10 +10642,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultCellIds} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCellIds} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10723,9 +10722,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {useResultCell} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
@@ -10761,10 +10760,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided. A component within it then uses the useResultCell hook.
  *
  * ```jsx
- * import {Provider, useResultCell} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCell} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10797,10 +10796,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useResultCell} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCell} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queriesById={{petQueries: queries}}>
@@ -10880,10 +10879,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultTableListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTableListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -10974,10 +10973,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultTableCellIdsListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultTableCellIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11071,10 +11070,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultRowCountListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowCountListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11164,10 +11163,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultRowIdsListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11263,10 +11262,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultSortedRowIdsListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultSortedRowIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11372,10 +11371,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultRowListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultRowListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11470,10 +11469,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultCellIdsListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCellIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11577,10 +11576,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Queries object.
  *
  * ```jsx
- * import {Provider, useResultCellListener} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, useResultCellListener} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -11673,10 +11672,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Checkpoints object creation only occurs once by default.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {useCreateCheckpoints, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {useCreateCheckpoints, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = () => {
  *   const store = useCreateStore(createStore);
@@ -11706,10 +11705,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * render.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {useCreateCheckpoints, useCreateStore} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {useCreateCheckpoints, useCreateStore} from 'tinybase/ui-react';
  *
  * const App = ({size}) => {
  *   const store = useCreateStore(createStore);
@@ -11756,15 +11755,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCheckpointsIds,
  *   useCreateCheckpoints,
  *   useCreateStore,
  * } from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -11818,10 +11817,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * it passed as a prop.
  *
  * ```jsx
- * import {Provider, useCheckpoints} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpoints} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -11846,10 +11845,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useCheckpoints} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpoints} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpointsById={{petStore: checkpoints}}>
@@ -11909,13 +11908,13 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * portable.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   useCheckpointsOrCheckpointsById,
  * } from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -11984,9 +11983,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Ids re-renders the component.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useCheckpointIds} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {species: 'dog'}});
@@ -12014,10 +12013,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useCheckpointIds} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpointIds} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -12042,10 +12041,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useCheckpointIds} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpointIds} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpointsById={{petCheckpoints: checkpoints}}>
@@ -12108,9 +12107,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useCheckpoint} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {species: 'dog'}});
@@ -12133,10 +12132,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useCheckpoint} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpoint} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -12161,10 +12160,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * hook.
  *
  * ```jsx
- * import {Provider, useCheckpoint} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpoint} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpointsById={{petCheckpoints: checkpoints}}>
@@ -12248,9 +12247,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * handler which sets a checkpoint when the `span` element is clicked.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useSetCheckpointCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12322,9 +12321,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * clicked.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useGoBackwardCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12383,9 +12382,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * clicked.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useGoForwardCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12477,9 +12476,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * moves to a checkpoint when the `span` element is clicked.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useGoToCallback} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12544,9 +12543,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * This example uses the useUndoInformation hook to create an undo button.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useUndoInformation} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12604,9 +12603,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * This example uses the useUndoInformation hook to create a redo button.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {useRedoInformation} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {nemo: {species: 'fish'}}});
@@ -12677,10 +12676,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useCheckpointIdsListener} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpointIdsListener} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -12764,10 +12763,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Store.
  *
  * ```jsx
- * import {Provider, useCheckpointListener} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {Provider, useCheckpointListener} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -12898,15 +12897,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * occurs once by default.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {
  *   useCreatePersister,
  *   useCreateStore,
  *   useTables,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
- * import {createStore} from 'tinybase';
  *
  * const App = () => {
  *   const store = useCreateStore(createStore);
@@ -12952,15 +12951,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * destroyed and the `destroy` parameter is called for it.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {
  *   useCreatePersister,
  *   useCreateStore,
  *   useTables,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
- * import {createStore} from 'tinybase';
  *
  * const App = ({sessionKey}) => {
  *   const store = useCreateStore(createStore);
@@ -13037,16 +13036,16 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {
  *   Provider,
  *   useCreatePersister,
  *   useCreateStore,
  *   usePersisterIds,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
- * import {createStore} from 'tinybase';
  *
  * const App = () => {
  *   const store1 = useCreateStore(createStore);
@@ -13106,11 +13105,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * it passed as a prop.
  *
  * ```jsx
- * import {Provider, usePersister} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersister} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persister={persister}>
@@ -13133,11 +13132,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, usePersister} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersister} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persistersById={{petPersister: persister}}>
@@ -13194,11 +13193,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * portable.
  *
  * ```jsx
- * import {Provider, usePersisterOrPersisterById} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersisterOrPersisterById} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persister={persister}>
@@ -13264,8 +13263,8 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * ```jsx
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {usePersisterStatus} from 'tinybase/ui-react';
  *
  * const persister = createSessionPersister(createStore(), 'pets');
@@ -13282,11 +13281,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the usePersisterStatus hook.
  *
  * ```jsx
- * import {Provider, usePersisterStatus} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersisterStatus} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persister={persister}>
@@ -13306,11 +13305,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * named by Id. A component within it then uses the usePersisterStatus hook.
  *
  * ```jsx
- * import {Provider, usePersisterStatus} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersisterStatus} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persistersById={{petPersister: persister}}>
@@ -13369,11 +13368,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Persister.
  *
  * ```jsx
- * import {Provider, usePersisterStatusListener} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
- * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
  * import {createStore} from 'tinybase';
+ * import {createSessionPersister} from 'tinybase/persisters/persister-browser';
+ * import {Provider, usePersisterStatusListener} from 'tinybase/ui-react';
  *
  * const App = ({persister}) => (
  *   <Provider persister={persister}>
@@ -13467,15 +13466,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * only occurs once by default.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
  * import {
  *   useCreateMergeableStore,
  *   useCreateSynchronizer,
  *   useTables,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store = useCreateMergeableStore(() => createMergeableStore('s1'));
@@ -13506,17 +13505,17 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * is provided to start both Synchronizers' synchronization.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createWsSynchronizer} from 'tinybase/synchronizers/synchronizer-ws-client';
+ * import {createWsServer} from 'tinybase/synchronizers/synchronizer-ws-server';
  * import {
  *   useCreateMergeableStore,
  *   useCreateSynchronizer,
  *   useTables,
  * } from 'tinybase/ui-react';
- * import React from 'react';
  * import {WebSocketServer} from 'ws';
- * import {createMergeableStore} from 'tinybase';
- * import {createRoot} from 'react-dom/client';
- * import {createWsServer} from 'tinybase/synchronizers/synchronizer-ws-server';
- * import {createWsSynchronizer} from 'tinybase/synchronizers/synchronizer-ws-client';
  *
  * const server1 = createWsServer(new WebSocketServer({port: 8044}));
  * const server2 = createWsServer(new WebSocketServer({port: 8045}));
@@ -13580,16 +13579,16 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * inner component accesses their Ids.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
  * import {
  *   Provider,
  *   useCreateMergeableStore,
  *   useCreateSynchronizer,
  *   useSynchronizerIds,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = () => {
  *   const store1 = useCreateMergeableStore(createMergeableStore);
@@ -13651,11 +13650,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * it passed as a prop.
  *
  * ```jsx
- * import {Provider, useSynchronizer} from 'tinybase/ui-react';
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
+ * import {Provider, useSynchronizer} from 'tinybase/ui-react';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizer={synchronizer}>
@@ -13678,11 +13677,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * without the need to have it passed as a prop.
  *
  * ```jsx
- * import {Provider, useSynchronizer} from 'tinybase/ui-react';
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
+ * import {Provider, useSynchronizer} from 'tinybase/ui-react';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizersById={{petSynchronizer: synchronizer}}>
@@ -13740,14 +13739,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * portable.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
  * import {
  *   Provider,
  *   useSynchronizerOrSynchronizerById,
  * } from 'tinybase/ui-react';
- * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizer={synchronizer}>
@@ -13814,9 +13813,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
  * import {useSynchronizerStatus} from 'tinybase/ui-react';
  *
  * const synchronizer = createLocalSynchronizer(createMergeableStore());
@@ -13833,11 +13832,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * provided. A component within it then uses the useSynchronizerStatus hook.
  *
  * ```jsx
- * import {Provider, useSynchronizerStatus} from 'tinybase/ui-react';
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
+ * import {Provider, useSynchronizerStatus} from 'tinybase/ui-react';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizer={synchronizer}>
@@ -13858,11 +13857,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * useSynchronizerStatus hook.
  *
  * ```jsx
- * import {Provider, useSynchronizerStatus} from 'tinybase/ui-react';
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
+ * import {Provider, useSynchronizerStatus} from 'tinybase/ui-react';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizersById={{petSynchronizer: synchronizer}}>
@@ -13921,11 +13920,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * listener is removed from the Synchronizer.
  *
  * ```jsx
- * import {Provider, useSynchronizerStatusListener} from 'tinybase/ui-react';
  * import React from 'react';
- * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
- * import {createMergeableStore} from 'tinybase';
  * import {createRoot} from 'react-dom/client';
+ * import {createMergeableStore} from 'tinybase';
+ * import {createLocalSynchronizer} from 'tinybase/synchronizers/synchronizer-local';
+ * import {Provider, useSynchronizerStatusListener} from 'tinybase/ui-react';
  *
  * const App = ({synchronizer}) => (
  *   <Provider synchronizer={synchronizer}>
@@ -14198,10 +14197,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * props.
  *
  * ```jsx
- * import {CellView, Provider, useMetric} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {CellView, Provider, useMetric} from 'tinybase/ui-react';
  *
  * const App = ({store, metrics}) => (
  *   <Provider store={store} metricsById={{petStore: metrics}}>
@@ -14232,15 +14231,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * objects are provided, showing how visibility is merged.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
  * import {
  *   CellView,
  *   Provider,
  *   useCreateStore,
  *   useMetric,
  * } from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({petStore, metrics}) => (
  *   <Provider storesById={{pet: petStore}} metrics={metrics}>
@@ -14318,10 +14317,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the component.
  *
  * ```jsx
- * import {CellView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView} from 'tinybase/ui-react';
  *
  * const store = createStore().setCell('pets', 'fido', 'color', 'brown');
  * const App = () => (
@@ -14345,10 +14344,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * for readability).
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14373,10 +14372,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * non-existent Cell.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14438,9 +14437,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {RowView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {RowView} from 'tinybase/ui-react';
  *
  * const store = createStore().setRow('pets', 'fido', {species: 'dog'});
  * const App = () => (
@@ -14464,10 +14463,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * set of Cell Ids (and rendered with Ids for readability).
  *
  * ```jsx
- * import {Provider, RowView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, RowView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14502,10 +14501,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Cell component and a custom props callback.
  *
  * ```jsx
- * import {CellView, Provider, RowView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider, RowView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14585,9 +14584,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {SortedTableView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {SortedTableView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({
  *   pets: {
@@ -14621,10 +14620,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a custom set of Cell Ids (and rendered with Ids for readability).
  *
  * ```jsx
- * import {Provider, SortedTableView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, SortedTableView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14660,10 +14659,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a custom Row component and a custom props callback.
  *
  * ```jsx
- * import {Provider, RowView, SortedTableView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, RowView, SortedTableView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14743,9 +14742,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {TableView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {TableView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {species: 'dog'}});
  * const App = () => (
@@ -14769,10 +14768,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom set of Cell Ids (and rendered with Ids for readability).
  *
  * ```jsx
- * import {Provider, TableView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, TableView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14805,10 +14804,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom Row component and a custom props callback.
  *
  * ```jsx
- * import {Provider, RowView, TableView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, RowView, TableView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14879,9 +14878,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {TablesView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {TablesView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTables({pets: {fido: {species: 'dog'}}});
  * const App = () => (
@@ -14905,10 +14904,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * for readability).
  *
  * ```jsx
- * import {Provider, TablesView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, TablesView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -14936,10 +14935,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom Table component and a custom props callback.
  *
  * ```jsx
- * import {Provider, TableView, TablesView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, TableView, TablesView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -15007,9 +15006,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {ValueView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {ValueView} from 'tinybase/ui-react';
  *
  * const store = createStore().setValue('open', true);
  * const App = () => (
@@ -15033,10 +15032,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Id for readability).
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -15061,10 +15060,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * non-existent Value.
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -15123,9 +15122,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * ```jsx
  * import React from 'react';
- * import {ValuesView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {ValuesView} from 'tinybase/ui-react';
  *
  * const store = createStore().setValue('open', true);
  * const App = () => (
@@ -15149,10 +15148,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Ids for readability).
  *
  * ```jsx
- * import {Provider, ValuesView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValuesView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -15177,10 +15176,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom Value component and a custom props callback.
  *
  * ```jsx
- * import {Provider, ValueView, ValuesView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView, ValuesView} from 'tinybase/ui-react';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -15239,10 +15238,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createMetrics, createStore} from 'tinybase';
- * import {MetricView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {MetricView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('species', {
  *   dog: {price: 5},
@@ -15272,10 +15271,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * its Id for readability).
  *
  * ```jsx
- * import {MetricView, Provider} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {MetricView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -15307,10 +15306,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * non-existent Metric.
  *
  * ```jsx
- * import {MetricView, Provider} from 'tinybase/ui-react';
- * import {createMetrics, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createMetrics, createStore} from 'tinybase';
+ * import {MetricView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({metrics}) => (
  *   <Provider metrics={metrics}>
@@ -15371,10 +15370,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the component.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
- * import {SliceView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {SliceView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog'},
@@ -15408,10 +15407,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Ids for readability).
  *
  * ```jsx
- * import {Provider, SliceView} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, SliceView} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -15443,10 +15442,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom Row component and a custom props callback.
  *
  * ```jsx
- * import {Provider, RowView, SliceView} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {Provider, RowView, SliceView} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -15521,10 +15520,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the component.
  *
  * ```jsx
- * import {createIndexes, createStore} from 'tinybase';
- * import {IndexView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {IndexView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog'},
@@ -15553,10 +15552,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Ids for readability).
  *
  * ```jsx
- * import {IndexView, Provider} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {IndexView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -15587,10 +15586,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom Slice component and a custom props callback.
  *
  * ```jsx
- * import {IndexView, Provider, SliceView} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {IndexView, Provider, SliceView} from 'tinybase/ui-react';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -15666,10 +15665,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
- * import {RemoteRowView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {RemoteRowView} from 'tinybase/ui-react';
  *
  * const store = createStore()
  *   .setTable('pets', {fido: {species: 'dog'}, cujo: {species: 'dog'}})
@@ -15705,10 +15704,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * remote Row (with Ids for readability).
  *
  * ```jsx
- * import {Provider, RemoteRowView} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, RemoteRowView} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -15743,10 +15742,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * remote Row with a custom Row component and a custom props callback.
  *
  * ```jsx
- * import {Provider, RemoteRowView, RowView} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {Provider, RemoteRowView, RowView} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -15822,10 +15821,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
- * import {LocalRowsView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LocalRowsView} from 'tinybase/ui-react';
  *
  * const store = createStore()
  *   .setTable('pets', {fido: {species: 'dog'}, cujo: {species: 'dog'}})
@@ -15862,10 +15861,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * local Row objects (with Ids for readability).
  *
  * ```jsx
- * import {LocalRowsView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LocalRowsView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -15900,10 +15899,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * local Row objects with a custom Row component and a custom props callback.
  *
  * ```jsx
- * import {LocalRowsView, Provider, RowView} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LocalRowsView, Provider, RowView} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -15979,10 +15978,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * re-renders the component.
  *
  * ```jsx
- * import {createRelationships, createStore} from 'tinybase';
- * import {LinkedRowsView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LinkedRowsView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {next: 'felix'},
@@ -16022,10 +16021,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * local Row objects (with Ids for readability).
  *
  * ```jsx
- * import {LinkedRowsView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LinkedRowsView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -16061,10 +16060,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * local Row objects with a custom Row component and a custom props callback.
  *
  * ```jsx
- * import {LinkedRowsView, Provider, RowView} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {LinkedRowsView, Provider, RowView} from 'tinybase/ui-react';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -16138,10 +16137,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Store re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultCellView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {ResultCellView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog', color: 'brown'},
@@ -16179,10 +16178,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * (with its Id for readability).
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16218,10 +16217,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * non-existent Cell.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16287,10 +16286,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Store re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultRowView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {ResultRowView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog', color: 'brown'},
@@ -16331,10 +16330,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Ids for readability).
  *
  * ```jsx
- * import {Provider, ResultRowView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultRowView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16368,10 +16367,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a custom Cell component and a custom props callback.
  *
  * ```jsx
- * import {Provider, ResultCellView, ResultRowView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView, ResultRowView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16456,10 +16455,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the Store re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultSortedTableView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {ResultSortedTableView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog', color: 'brown'},
@@ -16496,10 +16495,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table (with Ids for readability).
  *
  * ```jsx
- * import {Provider, ResultSortedTableView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultSortedTableView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16533,14 +16532,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table with a custom Row component and a custom props callback.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
  * import {
  *   Provider,
  *   ResultRowView,
  *   ResultSortedTableView,
  * } from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16616,10 +16615,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Store re-renders the component.
  *
  * ```jsx
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultTableView} from 'tinybase/ui-react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {ResultTableView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {
  *   fido: {species: 'dog', color: 'brown'},
@@ -16651,10 +16650,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * (with Ids for readability).
  *
  * ```jsx
- * import {Provider, ResultTableView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultTableView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16684,10 +16683,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * with a custom Row component and a custom props callback.
  *
  * ```jsx
- * import {Provider, ResultRowView, ResultTableView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultRowView, ResultTableView} from 'tinybase/ui-react';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -16754,10 +16753,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a label (with its Id for readability).
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {CheckpointView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {CheckpointView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {species: 'dog'}});
  * const checkpoints = createCheckpoints(store);
@@ -16824,10 +16823,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * of previous checkpoints.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {BackwardCheckpointsView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {BackwardCheckpointsView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {color: 'brown'}});
  * const checkpoints = createCheckpoints(store);
@@ -16859,10 +16858,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * renders the list of previous checkpoints (with Ids for readability).
  *
  * ```jsx
- * import {BackwardCheckpointsView, Provider} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {BackwardCheckpointsView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -16897,14 +16896,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom props callback.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {
  *   BackwardCheckpointsView,
  *   CheckpointView,
  *   Provider,
  * } from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -16986,10 +16985,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * current checkpoints.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {CurrentCheckpointView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {CurrentCheckpointView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {color: 'brown'}});
  * const checkpoints = createCheckpoints(store);
@@ -17023,10 +17022,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * renders current checkpoint (with its Id for readability).
  *
  * ```jsx
- * import {CurrentCheckpointView, Provider} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {CurrentCheckpointView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -17058,14 +17057,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom props callback.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {
  *   CheckpointView,
  *   CurrentCheckpointView,
  *   Provider,
  * } from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -17150,10 +17149,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * of future checkpoints.
  *
  * ```jsx
- * import {createCheckpoints, createStore} from 'tinybase';
- * import {ForwardCheckpointsView} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {ForwardCheckpointsView} from 'tinybase/ui-react';
  *
  * const store = createStore().setTable('pets', {fido: {color: 'brown'}});
  * const checkpoints = createCheckpoints(store);
@@ -17186,10 +17185,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * renders the list of future checkpoints (with Ids for readability).
  *
  * ```jsx
- * import {ForwardCheckpointsView, Provider} from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
+ * import {ForwardCheckpointsView, Provider} from 'tinybase/ui-react';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>
@@ -17224,14 +17223,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * custom props callback.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
+ * import {createCheckpoints, createStore} from 'tinybase';
  * import {
  *   CheckpointView,
  *   ForwardCheckpointsView,
  *   Provider,
  * } from 'tinybase/ui-react';
- * import {createCheckpoints, createStore} from 'tinybase';
- * import React from 'react';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({checkpoints}) => (
  *   <Provider checkpoints={checkpoints}>