/** * Render profiler hook for measuring React render performance * * Wraps React's Profiler component to track render count, timing, and performance. * * @example * ```tsx * const { Profiler, metrics, reset } = useRenderProfiler('MyList'); * * return ( * * * * ); * * // Later, check metrics * console.log(`Renders: ${metrics.renderCount}, Avg: ${metrics.avgRenderTime}ms`); * ``` */ import React, { type PropsWithChildren } from 'react'; import type { RenderMetrics } from '../types'; export interface UseRenderProfilerResult { /** Profiler component to wrap your content */ Profiler: React.FC; /** Current render metrics */ metrics: RenderMetrics; /** Reset all metrics */ reset: () => void; /** Get a snapshot of current metrics */ getSnapshot: () => RenderMetrics; } /** * Hook for profiling React render performance * * Uses React's built-in Profiler component to collect render metrics. * * @param id - Unique identifier for this profiler instance */ export declare function useRenderProfiler(id: string): UseRenderProfilerResult; //# sourceMappingURL=useRenderProfiler.d.ts.map