util.ts

import { useEffect, useRef, useState } from 'react';

export function useForceUpdate(): () => void {
  const mounted = useRef(false);
  const [, updateState] = useState(0);

  function handleUpdate(): void {
    if (mounted.current) {
      updateState((state) => state + 1);
    }
  }

  useEffect(() => {
    mounted.current = true;
    return () => {
      mounted.current = false;
    };
  }, []);

  return () => {
    handleUpdate();
  };
}

export function isEqual<T>(a: T, b: T): boolean {
  if (a === b) return true; // faster in case there's actual equality
  return JSON.stringify(a) === JSON.stringify(b);
}

export function uniq(value: string[]): string[] {
  return [...new Set(value)];
}

export function compact<T>(array: Array<T | undefined | false | null>): T[] {
  return array.filter(Boolean) as T[];
}

export function copy<T>(value: T): T {
  if (Array.isArray(value)) {
    return value.slice() as unknown as T;
  } else if (value && isObject(value)) {
    return { ...value };
  }
  return value;
}

export function isObject(value: unknown): boolean {
  return !!value && typeof value === 'object' && value.constructor === Object;
}