Delays updating of values.

Lag.tsx

function Lag<T>({
  value,
  ttl,
  children,
}: {
  value: T;
  ttl: number;
  children(value: T): any;
}) {
  const [cache, setCache] = React.useState(value);

  React.useEffect(() => {
    setTimeout(() => {
      setCache(value);
    }, ttl);
  }, [value]);

  return children(cache);
}