react-hooks-async/src/utils.js

React custom hooks for async functions with abortability and composability

import { useState } from 'react';

export const useMemoList = (list, compareFn = (a, b) => a === b) => {
  const [state, setState] = useState(list);
  const listChanged = list.length !== state.length
    || list.some((arg, index) => !compareFn(arg, state[index]));
  if (listChanged) {
    // schedule update, triggers re-render
    setState(list);
  }
  return listChanged ? list : state;
};

/* this may not work in CM
export const useMemoList = (list, compareFn = (a, b) => a === b) => {
  const listRef = useRef(list);
  const listChanged = list.length !== listRef.current.length
    || list.some((arg, index) => !compareFn(arg, listRef.current[index]));
  if (listChanged) {
    // we can't do this in effects, which run too late.
    listRef.current = list;
  }
  return listRef.current;
};
*/