Function useWhenValueChanges

src/useWhenValueChanges.ts:3–15

(
  value: any,
  callback: () => void,
  isEqual: (a: any, b: any) => boolean = (a, b) => a === b,
)

import React from "react";

export default function useWhenValueChanges(
  value: any,
  callback: () => void,
  isEqual: (a: any, b: any) => boolean = (a, b) => a === b,
) {
  const previous = React.useRef(value);
  React.useEffect(() => {
    if (!isEqual(value, previous.current)) {
      callback();
      previous.current = value;
    }
  });
}