/**
* 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