Function Provider

src/ui-react/Provider.tsx:48–192

({
  store,
  storesById,
  metrics,
  metricsById,
  indexes,
  indexesById,
  relationships,
  relationshipsById,
  queries,
  queriesById,
  checkpoints,
  checkpointsById,
  persister,
  persistersById,
  synchronizer,
  synchronizersById,
  children,
}: ProviderProps & {readonly children: ReactNode})

];

export const Provider: typeof ProviderDecl = ({
  store,
  storesById,
  metrics,
  metricsById,
  indexes,
  indexesById,
  relationships,
  relationshipsById,
  queries,
  queriesById,
  checkpoints,
  checkpointsById,
  persister,
  persistersById,
  synchronizer,
  synchronizersById,
  children,
}: ProviderProps & {readonly children: ReactNode}): any => {
  const parentValue = useContext(Context);
  const [extraThingsById, setExtraThingsById] = useState<ExtraThingsById>(
    () => arrayNew(8, () => ({})) as ExtraThingsById,
  );
  const addExtraThingById = useCallback(
    <Offset extends Offsets>(
      thingOffset: Offset,
      id: Id,
      thing: ThingsByOffset[Offset],
    ) =>
      setExtraThingsById((extraThingsById) =>
        objGet(extraThingsById[thingOffset] as any, id) == thing
          ? extraThingsById
          : (arrayWith(extraThingsById, thingOffset, {
              ...extraThingsById[thingOffset],
              [id]: thing,
            } as any) as ExtraThingsById),
      ),
    [],
  );

  const delExtraThingById = useCallback(
    (thingOffset: Offsets, id: Id) =>
      setExtraThingsById((extraThingsById) =>
        !objHas(extraThingsById[thingOffset], id)
          ? extraThingsById
          : (arrayWith(
              extraThingsById,
              thingOffset,
              objDel(extraThingsById[thingOffset] as any, id),
            ) as ExtraThingsById),
      ),
    [],
  );

  return (
    <Context.Provider
      value={useMemo(
        () => [