RxJS functions with React Hooks

reactive.ts

/* eslint-disable react-hooks/exhaustive-deps */

import React from "react";

export const useCombineLatest = <T extends any[], U>(
  values: T,
  f: (...values: T) => U
): U => {
  return React.useMemo(() => f(...values), [f, ...values]);
};

export const useWithLatestFrom = <T, U extends any[], V>(
  value: T,
  values: U,
  f: (value: T, ...values: U) => V
): V => {
  return React.useMemo(() => f(value, ...values), [f, value]);
};

export const useMerge = <T>(values: T[]): T => {
  const [value, setValue] = React.useState(values[0]);

  for (let v of values) {
    // eslint-disable-next-line react-hooks/rules-of-hooks
    React.useEffect(() => setValue(v), [v]);
  }
  return value;
};