tinybase 6.0.0-beta.2 → 6.0.0

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

@@ -10,7 +10,6 @@
  * @module ui-react-dom
  * @since v4.1.0
  */
-
 import type {
   CellIdFromSchema,
   TableIdFromSchema,
@@ -28,9 +27,9 @@ import type {
   ValueProps,
 } from '../../_internal/ui-react/with-schemas/index.d.cts';
 import type {Id, Ids} from '../../common/with-schemas/index.d.cts';
-import type {ComponentType} from 'react';
 import type {NoSchemas} from '../../store/index.d.cts';
 import type {OptionalSchemas} from '../../store/with-schemas/index.d.cts';
+import type {ComponentType} from 'react';
 
 /**
  * The CustomCell object is used to configure custom cell rendering in an HTML
@@ -645,11 +644,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -695,11 +694,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -811,11 +810,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -869,11 +868,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -975,11 +974,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1021,11 +1020,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the top of the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1110,11 +1109,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createIndexes, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1166,11 +1165,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
- * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1281,11 +1280,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * CSS class. Note the dotted pairs that are used as column headings.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createRelationships, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1345,11 +1344,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
- * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1453,11 +1452,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1507,11 +1506,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1627,11 +1626,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * renders the ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1685,11 +1684,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1791,11 +1790,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Cell.
  *
  * ```jsx
- * import {EditableCellView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableCellView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1872,11 +1871,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Value.
  *
  * ```jsx
- * import {EditableValueView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableValueView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1927,11 +1926,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table in a <table> element with a SortedTablePaginator (the default).
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>

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

@@ -10,7 +10,6 @@
  * @module ui-react-dom
  * @since v4.1.0
  */
-
 import type {
   CellIdFromSchema,
   TableIdFromSchema,
@@ -28,9 +27,9 @@ import type {
   ValueProps,
 } from '../../_internal/ui-react/with-schemas/index.d.ts';
 import type {Id, Ids} from '../../common/with-schemas/index.d.ts';
-import type {ComponentType} from 'react';
 import type {NoSchemas} from '../../store/index.d.ts';
 import type {OptionalSchemas} from '../../store/with-schemas/index.d.ts';
+import type {ComponentType} from 'react';
 
 /**
  * The CustomCell object is used to configure custom cell rendering in an HTML
@@ -645,11 +644,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -695,11 +694,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -811,11 +810,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -869,11 +868,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -975,11 +974,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1021,11 +1020,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the top of the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1110,11 +1109,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createIndexes, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1166,11 +1165,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
- * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1281,11 +1280,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * CSS class. Note the dotted pairs that are used as column headings.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createRelationships, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1345,11 +1344,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
- * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1453,11 +1452,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1507,11 +1506,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1627,11 +1626,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * renders the ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1685,11 +1684,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1791,11 +1790,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Cell.
  *
  * ```jsx
- * import {EditableCellView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableCellView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1872,11 +1871,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Value.
  *
  * ```jsx
- * import {EditableValueView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableValueView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1927,11 +1926,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Table in a <table> element with a SortedTablePaginator (the default).
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>

package/@types/ui-react-inspector/index.d.cts

@@ -9,7 +9,6 @@
  * @module ui-react-inspector
  * @since v5.0.0
  */
-
 import type {ComponentReturnType} from '../ui-react/index.d.cts';
 
 /**
@@ -54,11 +53,11 @@ export type InspectorProps = {
  * tool.
  *
  * ```jsx
- * import {Inspector} from 'tinybase/ui-react-inspector';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {Inspector} from 'tinybase/ui-react-inspector';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>

package/@types/ui-react-inspector/index.d.ts

@@ -9,7 +9,6 @@
  * @module ui-react-inspector
  * @since v5.0.0
  */
-
 import type {ComponentReturnType} from '../ui-react/index.d.ts';
 
 /**
@@ -54,11 +53,11 @@ export type InspectorProps = {
  * tool.
  *
  * ```jsx
- * import {Inspector} from 'tinybase/ui-react-inspector';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {Inspector} from 'tinybase/ui-react-inspector';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>