TrackVisit.js

import { trackUiMetric } from '../wherever'

export function TrackVisit({ app, path, delay = 0 }) {
  if (!delay) {
    trackUiMetric(app, `visit__${path}`) // something like visit__transactions_list_page
  }
  useEffect(() => {
    if (!delay) {
      return;
    }
    const id = setTimeout(() => trackUiMetric(app, `visit_delay_${delay}ms__${path}`), delay);
    return () => clearTimeout(id);
  }, [])
}