Callbag Subscription with React Hooks

useCallbagSubscription.js

import { useState, useEffect } from "react";
import { pipe } from "callbag-basics";
import subscribe from "callbag-subscribe";

export default fns => {
  const [value, setValue] = useState(null);
  useEffect(
    () =>
      pipe(
        ...fns,
        subscribe(setValue)
      ),
    fns
  );
  return value;
};