use-replicache.ts

import { useEffect, useState } from "react";
import { MutatorDefs, Replicache, ReplicacheOptions } from "replicache";

export function useReplicache<MD extends MutatorDefs>(
  opts: ReplicacheOptions<MD>
): Replicache<MD> | null {
  const [rep, setRep] = useState<Replicache<MD> | null>(null);
  useEffect(() => {
    const r = new Replicache(opts);
    setRep(r);
    return () => {
      r.close();
    };
  }, [opts]);
  return rep;
}