useStateWithCallback Custom Hook — Fire callback function after state change.

index.jsx

import { useState, useEffect } from 'react';

/**
 * Fire callback function after state change.
 *
 * @param {any} initialState intial state value.
 * @param {function} callback callback after state change.
 */
const useStateWithCallback = (initialState, callback) => {
  const [state, setState] = useState(initialState);

  useEffect(() => callback(state), [state, callback]);

  return [state, setState];
};

export default useStateWithCallback;