Function useCreatePersister

src/ui-react/hooks.ts:2312–2355

(
  store: PersistedStore<Persist> | undefined,
  create: (
    store: PersistedStore<Persist>,
  ) => PersisterOrUndefined | Promise<PersisterOrUndefined>,
  createDeps: DependencyList = EMPTY_ARRAY,
  then?: (persister: Persister<Persist>) => Promise<void>,
  thenDeps: DependencyList = EMPTY_ARRAY,
  destroy?: (persister: Persister<Persist>) => void,
  destroyDeps: DependencyList = EMPTY_ARRAY,
)

  );

export const useCreatePersister: typeof useCreatePersisterDecl = <
  Persist extends Persists,
  PersisterOrUndefined extends Persister<Persist> | undefined,
>(
  store: PersistedStore<Persist> | undefined,
  create: (
    store: PersistedStore<Persist>,
  ) => PersisterOrUndefined | Promise<PersisterOrUndefined>,
  createDeps: DependencyList = EMPTY_ARRAY,
  then?: (persister: Persister<Persist>) => Promise<void>,
  thenDeps: DependencyList = EMPTY_ARRAY,
  destroy?: (persister: Persister<Persist>) => void,
  destroyDeps: DependencyList = EMPTY_ARRAY,
): PersisterOrUndefined => {
  const [, rerender] = useState<[]>();
  const [persister, setPersister] = useState<any>();
  useEffect(
    () => {
      (async () => {
        const persister = store ? await create(store) : undefined;
        setPersister(persister);
        if (persister && then) {
          (async () => {
            await then(persister);
            rerender([]);
          })();
        }
      })();
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [store, ...createDeps, ...thenDeps],
  );
  useEffect(
    () => () => {
      if (persister) {
        persister.destroy();
        destroy?.(persister);
      }
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [persister, ...destroyDeps],
  );
  return persister;
};

export const usePersisterIds: typeof usePersisterIdsDecl = () =>
  useThingIds(OFFSET_PERSISTER);