useExpiration: returns true if given timestamp is in the future #react #hook

useExpiration.tsx

import { useState, useEffect } from "react";

/** @description hook: returns true if given timestamp is in the future  */
export function useExpiration(
  timestamp: number | null | undefined,
): boolean {
  const visible = timestamp != null && Date.now() <= timestamp;
  const [, forceRerender] = useState(0);
  useEffect(() => {
    if (visible && timestamp != null) {
      const timeoutId = setTimeout(
        forceRerender,
        Math.max(0, timestamp - Date.now()),
        increment,
      );
      return () => {
        clearTimeout(timeoutId);
      };
    }
    return;
  }, [visible, timestamp]);
  return visible;
}

function increment(count: number): number {
  return count + 1;
}