react-insight/dist/index.d.ts

A powerful React performance monitoring component that helps you identify and fix performance issues in your React applications

import { ReactNode } from 'react';

interface PerformanceData {
  score: number;
  domSize: {
    totalElements: number;
    depth: number;
    bodyElements: number;
    headElements: number;
  };
  imagesAlt: {
    total: number;
    withoutAlt: number;
    elements: Element[];
  };
  layoutShift: {
    total: number;
    elements: Element[];
  };
  memoryUsage: {
    usedMB: number;
    totalMB: number;
    limitMB: number;
  } | null;
  activeTimers: number;
  eventListeners: {
    totalListeners: number;
  };
  interactionDelay: number;
  pendingRequests: {
    total: number;
    requests: PerformanceEntry[];
  };
}

interface PerformanceMonitorProps {
  children: ReactNode;
}

declare const PerformanceMonitor: React.FC<PerformanceMonitorProps>;

export { type PerformanceData, PerformanceMonitor, type PerformanceMonitorProps };