Function useCreateSynchronizer

src/ui-react/hooks.ts:2397–2428

(
  store: MergeableStore | undefined,
  create: (store: MergeableStore) => Promise<SynchronizerOrUndefined>,
  createDeps: DependencyList = EMPTY_ARRAY,
  destroy?: (synchronizer: Synchronizer) => void,
  destroyDeps: DependencyList = EMPTY_ARRAY,
)

    );

export const useCreateSynchronizer: typeof useCreateSynchronizerDecl = <
  SynchronizerOrUndefined extends Synchronizer | undefined,
>(
  store: MergeableStore | undefined,
  create: (store: MergeableStore) => Promise<SynchronizerOrUndefined>,
  createDeps: DependencyList = EMPTY_ARRAY,
  destroy?: (synchronizer: Synchronizer) => void,
  destroyDeps: DependencyList = EMPTY_ARRAY,
): SynchronizerOrUndefined => {
  const [synchronizer, setSynchronizer] = useState<any>();
  useEffect(
    () => {
      (async () => {
        const synchronizer = store ? await create(store) : undefined;
        setSynchronizer(synchronizer);
      })();
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [store, ...createDeps],
  );
  useEffect(
    () => () => {
      if (synchronizer) {
        synchronizer.destroy();
        destroy?.(synchronizer);
      }
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [synchronizer, ...destroyDeps],
  );
  return synchronizer;
};

export const useSynchronizerIds: typeof useSynchronizerIdsDecl = () =>
  useThingIds(OFFSET_SYNCHRONIZER);