A React hook that invokes a callback anytime a value changes.

npm i @utilityjs/use-on-change | yarn add @utilityjs/use-on-change

Usage

import useOnChange from "@utilityjs/use-on-change";
import * as React from "react";

const MyComponent = (props) => {
  useOnChange(props.isOpen, (currentOpenState) => {
    console.log(`The current open state is: ${currentOpenState}`);
  })

  return ...;
};

API

useOnChange(value, onChange)

declare const useOnChange: <T>(value: T, onChange: (current: T) => void) => void;

value

The value to listen on.

onChange

The callback that is called when value changes.