useMemo for arrays

useMemoArray.tsx

const arrayCompare = (a: string[], b: string[]) => {
  if (a.length !== b.length) {
    return false;
  }

  for (const item of a) {
    if (b.indexOf(item) === -1) {
      return false;
    }
  }

  return true;
};

const usePrevious = value => {
  const ref = useRef();
  useEffect(() => {
    ref.current = value;
  });
  return ref.current;
};

const useMemoArray = (arr, callback) => {
   const previousArr = usePrevious(arr);

   const arrayHasChanged = arrayCompare(arr, previousArr);

   return useMemo(callback, arrayHasChanged);
}