react-render-profiler 0.1.1 → 0.2.0

package/README.md

@@ -1,6 +1,6 @@
 # React Render Profiler
 
-A tiny profiler helper to measure initial render + rerender timings for React components.
+Profiler helpers built on React's `<Profiler>` callback with debounced aggregation output.
 
 ## Install
 
@@ -8,127 +8,101 @@ A tiny profiler helper to measure initial render + rerender timings for React co
 npm i react-render-profiler
 ```
 
-## Why
+## What It Gives You
 
-Use it when you want:
+- Render samples from React `actualDuration` and `baseDuration`
+- Aggregated reporting with debounce (`reportAfterMs`)
+- Three integration styles:
+  - `withRenderProfiler(Component, options?)`
+  - `<RenderProfiler id="...">...</RenderProfiler>`
+  - `useRenderProfiler(componentName, options?)`
 
-- render count and rerender count per component instance
-- approximate commit timing (`render start` -> `useEffect`)
-- delayed aggregated reporting to keep console noise low
+By default profiling is **disabled in production** (`NODE_ENV === "production"`).
 
-## Usage (HOC)
+## Usage
 
-```tsx
-import { withRenderProfiler } from 'react-render-profiler';
-import { ProductCard } from './ProductCard';
-
-export default withRenderProfiler(ProductCard, {
-  reportAfterMs: 5000,
-  logEachRender: false
-});
-```
-
-## Actual usage patterns
-
-### 1) Wrap component on export (global for all usages)
+### HOC
 
 ```tsx
-function MenuItem(props) {
-  ...
-}
+import { withRenderProfiler } from 'react-render-profiler';
 
-export default withRenderProfiler(MenuItem, {
-  componentName: 'MenuItem',
+const ProfiledCard = withRenderProfiler(ProductCard, {
+  componentName: 'ProductCard',
   groupByComponent: true,
-  enabled: process.env.NODE_ENV !== 'production',
-  reportAfterMs: 5000,
+  reportAfterMs: 1000,
 });
 ```
 
-### 2) Wrap only in one place (recommended for focused profiling)
+### Wrapper Component
 
 ```tsx
-const FooterProfiled = withRenderProfiler(FooterWidget, {
-  componentName: 'HomePage:FooterWidget',
-  groupByComponent: true,
-  enabled: process.env.NODE_ENV !== 'production',
-  reportAfterMs: 5000,
-});
-
-// Inside ProductPage:
-<RecommendationsWidgetProfiled productAlias={product.alias} />
-```
-
-## Measure only specific usage
-
-For HOC usage, `enabled` can be a function of component props.  
-This lets you measure only specific places/instances and keep others unprofiled.
-
-```tsx
-type CardProps = { alias: string; profileRender?: boolean };
-
-const ProductCardProfiled = withRenderProfiler<CardProps>(ProductCard, {
-  componentName: 'ProductCard',
-  groupByComponent: true,
-  enabled: (props) => props.profileRender === true,
-});
-
-// Only this usage is measured:
-<ProductCardProfiled alias="a" profileRender />
-
-// This usage is ignored by profiler:
-<ProductCardProfiled alias="b" />
+import { RenderProfiler } from 'react-render-profiler';
+
+export function ProductSection() {
+  return (
+    <RenderProfiler id="ProductSection" groupByComponent reportAfterMs={1000}>
+      <ProductList />
+    </RenderProfiler>
+  );
+}
 ```
 
-## Usage (Hook)
+### Hook (manual `<Profiler>` placement)
 
 ```tsx
+import { Profiler } from 'react';
 import { useRenderProfiler } from 'react-render-profiler';
 
 export function CheckoutSidebar() {
-  useRenderProfiler('CheckoutSidebar', { reportAfterMs: 3000 });
-  return <aside>...</aside>;
+  const { profilerId, onRender, enabled } = useRenderProfiler('CheckoutSidebar', {
+    reportAfterMs: 1000,
+  });
+
+  if (!enabled) {
+    return <aside>...</aside>;
+  }
+
+  return (
+    <Profiler id={profilerId} onRender={onRender}>
+      <aside>...</aside>
+    </Profiler>
+  );
 }
 ```
 
 ## API
 
-### `withRenderProfiler(Component, options?)`
-
-Wraps a component and reports stats to console after inactivity timeout.
-
-### `useRenderProfiler(componentName, options?)`
+### `RenderProfilerOptions<P>`
 
-Hook variant when you do not want to wrap export.
+- `componentName?: string`
+- `reportAfterMs?: number` (default `500`)
+- `groupByComponent?: boolean` (default `false`)
+- `log?: (rows: LogPayload[]) => void` (default `console.table` sink)
+- `enabled?: boolean | ((props: P) => boolean)`
 
-### `options`
+### `LogPayload`
 
-- `reportAfterMs` (default `3000`) - report debounce timeout
-- `groupByComponent` (default `false`) - aggregate all instances under one component report
-- `logEachRender` (default `false`) - emit log on every commit
-- `enabled` (default `true`) - disable profiler globally (`boolean`) or for HOC by props (`(props) => boolean`)
-- `logger` - custom logger function for integrating with your telemetry
+- `componentName`
+- `renders`
+- `mountPhases`
+- `updatePhases`
+- `totalActualMs`
+- `minActualMs`
+- `maxActualMs`
+- `totalBaseMs`
 
-### Typical presets
+### `withRenderProfiler(Component, options?)`
 
-- **Page/widget profiling**: `{ componentName, groupByComponent: true, enabled: dev, reportAfterMs: 5000 }`
-- **Instance-level profiling**: `{ componentName, enabled: (props) => ..., reportAfterMs: 2000-5000 }`
+Wraps a component in `<Profiler>`, supporting `enabled` as boolean or predicate function.
 
-## Notes
+### `RenderProfiler`
 
-- In React StrictMode (development), render/effect invocations can be doubled.
-- This helper measures render-to-effect timing, not full browser paint time.
+Component form:
 
-## Report Fields
+```tsx
+<RenderProfiler id="MySection">{children}</RenderProfiler>
+```
 
-Each console row includes these fields:
+### `useRenderProfiler(componentName, options?)`
 
-- `label` - logger label, usually `[RenderProfiler] <ComponentName>`
-- `component` - component name used for profiling/grouping
-- `renders` - total committed renders counted in this profile bucket
-- `initialRenders` - number of first renders for mounted instances in this bucket
-- `rerenders` - number of subsequent renders (`renders - initialRenders`)
-- `totalMs` - sum of measured render durations in milliseconds
-- `avgMs` - average render duration (`totalMs / renders`)
-- `minMs` - fastest measured render duration in milliseconds
-- `maxMs` - slowest measured render duration in milliseconds
+Returns `{ profilerId, onRender, enabled }` for manual `<Profiler>` usage.

package/dist/index.d.ts

@@ -1,26 +1,34 @@
-import React from 'react';
-type LogPayload = {
-    component: string;
-    renders: number;
-    initialRenders: number;
-    rerenders: number;
-    totalMs: number;
-    avgMs: number;
-    minMs: number;
-    maxMs: number;
-};
-export type RenderProfilerOptions = {
+import React, { type ProfilerOnRenderCallback } from 'react';
+export type RenderProfilerOptions<P = unknown> = {
     componentName?: string;
-    groupByComponent?: boolean;
     reportAfterMs?: number;
-    logEachRender?: boolean;
+    groupByComponent?: boolean;
+    log?: (rows: LogPayload[]) => void;
+    enabled?: boolean | ((props: P) => boolean);
+};
+export type LogPayload = {
+    componentName: string;
+    renders: number;
+    mountPhases: number;
+    updatePhases: number;
+    totalActualMs: number;
+    minActualMs: number;
+    maxActualMs: number;
+    totalBaseMs: number;
+};
+export type RenderProfilerProps = {
+    id: string;
+    children: React.ReactNode;
+} & Omit<RenderProfilerOptions<never>, 'enabled'> & {
     enabled?: boolean;
-    logger?: (label: string, payload: LogPayload) => void;
 };
-export type RenderProfilerHOCOptions<P> = Omit<RenderProfilerOptions, 'enabled'> & {
-    enabled?: boolean | ((props: P) => boolean);
+export declare function RenderProfiler({ id, children, reportAfterMs, groupByComponent, log, enabled, }: RenderProfilerProps): React.ReactElement;
+export declare function useRenderProfiler(componentName: string, options?: Omit<RenderProfilerOptions<never>, 'enabled'> & {
+    enabled?: boolean;
+}): {
+    profilerId: string;
+    onRender: ProfilerOnRenderCallback;
+    enabled: boolean;
 };
-export declare const useRenderProfiler: (componentName: string, options?: RenderProfilerOptions) => void;
-export declare const withRenderProfiler: <P extends object>(WrappedComponent: React.ComponentType<P>, options?: RenderProfilerHOCOptions<P>) => React.FC<P>;
-export {};
+export declare function withRenderProfiler<P extends object>(WrappedComponent: React.ComponentType<P>, options?: RenderProfilerOptions<P>): React.FC<P>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;IACjF,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC7C,CAAC;AAyDF,eAAO,MAAM,iBAAiB,kBACb,MAAM,YACZ,qBAAqB,KAC7B,IAkFF,CAAC;AAEF,eAAO,MAAM,kBAAkB,oHAe9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,wBAAwB,EAC9B,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AA8GF,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,aAAmB,EACnB,gBAAwB,EACxB,GAAmB,EACnB,OAAO,GACR,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA8B1C;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAClF;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB,CAmCA;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EACjD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxC,OAAO,GAAE,qBAAqB,CAAC,CAAC,CAAM,GACrC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAuCb"}

package/dist/index.js

@@ -1,122 +1,144 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withRenderProfiler = exports.useRenderProfiler = void 0;
+exports.withRenderProfiler = exports.useRenderProfiler = exports.RenderProfiler = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const defaultLogger = (label, payload) => {
-    // Console table keeps output readable when multiple profiled components run.
-    // eslint-disable-next-line no-console
-    console.table([{ label, ...payload }]);
-};
-const groupedStatsStore = new Map();
-const createEmptyStats = () => ({
-    renders: 0,
-    initialRenders: 0,
-    rerenders: 0,
-    totalMs: 0,
-    minMs: Number.POSITIVE_INFINITY,
-    maxMs: 0,
-    timerId: null
-});
-const scheduleReport = (componentName, stats, reportAfterMs, logger) => {
-    if (stats.timerId) {
-        clearTimeout(stats.timerId);
+const buckets = new Map();
+let debounceTimer = null;
+function defaultEnabledByEnv() {
+    if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'production') {
+        return false;
     }
-    stats.timerId = setTimeout(() => {
-        const avg = stats.renders > 0 ? stats.totalMs / stats.renders : 0;
-        const payload = {
-            component: componentName,
-            renders: stats.renders,
-            initialRenders: stats.initialRenders,
-            rerenders: stats.rerenders,
-            totalMs: Number(stats.totalMs.toFixed(2)),
-            avgMs: Number(avg.toFixed(2)),
-            minMs: Number((Number.isFinite(stats.minMs) ? stats.minMs : 0).toFixed(2)),
-            maxMs: Number(stats.maxMs.toFixed(2))
+    return true;
+}
+function round3(n) {
+    return Math.round(n * 1000) / 1000;
+}
+function touchBucket(key, displayName) {
+    let bucket = buckets.get(key);
+    if (!bucket) {
+        bucket = {
+            componentName: displayName,
+            renders: 0,
+            mountPhases: 0,
+            updatePhases: 0,
+            totalActualMs: 0,
+            minActualMs: Number.POSITIVE_INFINITY,
+            maxActualMs: 0,
+            totalBaseMs: 0,
         };
-        logger(`[RenderProfiler] ${componentName}`, payload);
-    }, reportAfterMs);
-};
-const useRenderProfiler = (componentName, options = {}) => {
-    const { groupByComponent = false, reportAfterMs = 3000, logEachRender = false, enabled = true, logger = defaultLogger } = options;
-    const renderStartRef = (0, react_1.useRef)(0);
-    const instanceRenderCountRef = (0, react_1.useRef)(0);
-    const renderGenerationRef = (0, react_1.useRef)(0);
-    const statsRef = (0, react_1.useRef)(createEmptyStats());
-    if (groupByComponent && !groupedStatsStore.has(componentName)) {
-        groupedStatsStore.set(componentName, createEmptyStats());
+        buckets.set(key, bucket);
     }
-    const activeStats = groupByComponent ? groupedStatsStore.get(componentName) : statsRef.current;
-    // Record render start during render; count and measure in useEffect so totals match per-render
-    // durations. A render-generation token in the effect deps forces the effect to run after every
-    // profiled render. Without it, rerenders with the same logger/options leave deps unchanged, so React
-    // skips the effect while render-only counting would still advance — producing avg/total/min/max that
-    // disagree. Dev Strict Mode can also widen that gap by extra render passes before commit.
-    if (enabled) {
-        const now = performance.now();
-        renderStartRef.current = now;
-        renderGenerationRef.current += 1;
+    return bucket;
+}
+function defaultLogger(rows) {
+    const tableRows = rows.map((row) => ({
+        component: row.componentName,
+        renders: row.renders,
+        mounts: row.mountPhases,
+        updates: row.updatePhases,
+        totalMs: round3(row.totalActualMs),
+        minMs: row.renders ? round3(row.minActualMs) : 0,
+        maxMs: round3(row.maxActualMs),
+        avgMs: row.renders ? round3(row.totalActualMs / row.renders) : 0,
+        baseMs: round3(row.totalBaseMs),
+    }));
+    // eslint-disable-next-line no-console
+    console.table(tableRows);
+}
+function scheduleFlush(reportAfterMs, log) {
+    if (debounceTimer) {
+        clearTimeout(debounceTimer);
     }
-    const renderGeneration = renderGenerationRef.current;
-    (0, react_1.useEffect)(() => {
-        if (!enabled) {
-            return;
-        }
-        const end = performance.now();
-        const renderDuration = end - renderStartRef.current;
-        const stats = activeStats;
-        instanceRenderCountRef.current += 1;
-        stats.renders += 1;
-        if (instanceRenderCountRef.current === 1) {
-            stats.initialRenders += 1;
+    debounceTimer = setTimeout(() => {
+        debounceTimer = null;
+        const rows = [...buckets.values()].map((bucket) => ({ ...bucket }));
+        buckets.clear();
+        if (rows.length) {
+            log(rows);
         }
-        else {
-            stats.rerenders += 1;
-        }
-        stats.totalMs += renderDuration;
-        stats.minMs = Math.min(stats.minMs, renderDuration);
-        stats.maxMs = Math.max(stats.maxMs, renderDuration);
-        if (logEachRender) {
-            logger(`[RenderProfiler] ${componentName}#${stats.renders}`, {
-                component: componentName,
-                renders: stats.renders,
-                initialRenders: stats.initialRenders,
-                rerenders: stats.rerenders,
-                totalMs: Number(stats.totalMs.toFixed(2)),
-                avgMs: Number((stats.totalMs / stats.renders).toFixed(2)),
-                minMs: Number(stats.minMs.toFixed(2)),
-                maxMs: Number(stats.maxMs.toFixed(2))
-            });
+    }, reportAfterMs);
+}
+function normalizePhase(phase) {
+    return phase === 'mount' ? 'mount' : 'update';
+}
+function recordProfilerSample(aggregateKey, displayName, phase, actualDuration, baseDuration, reportAfterMs, log) {
+    const bucket = touchBucket(aggregateKey, displayName);
+    const normalizedPhase = normalizePhase(phase);
+    bucket.renders += 1;
+    if (normalizedPhase === 'mount') {
+        bucket.mountPhases += 1;
+    }
+    else {
+        bucket.updatePhases += 1;
+    }
+    bucket.totalActualMs += actualDuration;
+    bucket.minActualMs = Math.min(bucket.minActualMs, actualDuration);
+    bucket.maxActualMs = Math.max(bucket.maxActualMs, actualDuration);
+    bucket.totalBaseMs += baseDuration;
+    scheduleFlush(reportAfterMs, log);
+}
+function resolveEnabled(options, props) {
+    const { enabled } = options;
+    if (enabled === undefined) {
+        return defaultEnabledByEnv();
+    }
+    if (typeof enabled === 'function') {
+        return Boolean(enabled(props));
+    }
+    return enabled;
+}
+function RenderProfiler({ id, children, reportAfterMs = 500, groupByComponent = false, log = defaultLogger, enabled, }) {
+    const instanceId = (0, react_1.useId)();
+    const aggregateKey = groupByComponent ? id : `${id} (${instanceId})`;
+    const onRender = (0, react_1.useCallback)((_profilerId, phase, actualDuration, baseDuration) => {
+        recordProfilerSample(aggregateKey, id, phase, actualDuration, baseDuration, reportAfterMs, log);
+    }, [aggregateKey, id, log, reportAfterMs]);
+    const isEnabled = enabled === undefined ? defaultEnabledByEnv() : Boolean(enabled);
+    if (!isEnabled) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_1.Profiler, { id: aggregateKey, onRender: onRender, children: children }));
+}
+exports.RenderProfiler = RenderProfiler;
+function useRenderProfiler(componentName, options = {}) {
+    const { reportAfterMs = 500, groupByComponent = false, log = defaultLogger } = options;
+    const instanceId = (0, react_1.useId)();
+    const aggregateKey = (0, react_1.useMemo)(() => (groupByComponent ? componentName : `${componentName} (${instanceId})`), [componentName, groupByComponent, instanceId]);
+    const onRender = (0, react_1.useCallback)((_id, phase, actualDuration, baseDuration) => {
+        recordProfilerSample(aggregateKey, componentName, phase, actualDuration, baseDuration, reportAfterMs, log);
+    }, [aggregateKey, componentName, log, reportAfterMs]);
+    const enabledByOption = (0, react_1.useMemo)(() => {
+        if (options.enabled === undefined) {
+            return defaultEnabledByEnv();
         }
-        scheduleReport(componentName, stats, reportAfterMs, logger);
-        return () => {
-            if (!groupByComponent && stats.timerId) {
-                clearTimeout(stats.timerId);
-                stats.timerId = null;
-            }
-        };
-    }, [
-        activeStats,
-        componentName,
-        enabled,
-        groupByComponent,
-        logEachRender,
-        logger,
-        reportAfterMs,
-        renderGeneration
-    ]);
-};
+        return Boolean(options.enabled);
+    }, [options.enabled]);
+    return {
+        profilerId: aggregateKey,
+        onRender,
+        enabled: enabledByOption,
+    };
+}
 exports.useRenderProfiler = useRenderProfiler;
-const withRenderProfiler = (WrappedComponent, options = {}) => {
-    const wrappedName = options.componentName || WrappedComponent.displayName || WrappedComponent.name || 'AnonymousComponent';
-    const ProfiledComponent = (props) => {
-        const { enabled = true, ...restOptions } = options;
-        const resolvedEnabled = typeof enabled === 'function' ? enabled(props) : enabled;
-        (0, exports.useRenderProfiler)(wrappedName, { ...restOptions, enabled: resolvedEnabled });
-        return (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props });
+function withRenderProfiler(WrappedComponent, options = {}) {
+    const fallbackName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    const wrappedName = options.componentName || fallbackName;
+    const Profiled = (props) => {
+        const { reportAfterMs = 500, groupByComponent = false, log = defaultLogger } = options;
+        const instanceId = (0, react_1.useId)();
+        const aggregateKey = groupByComponent ? wrappedName : `${wrappedName} (${instanceId})`;
+        const onRender = (0, react_1.useCallback)((_profilerId, phase, actualDuration, baseDuration) => {
+            recordProfilerSample(aggregateKey, wrappedName, phase, actualDuration, baseDuration, reportAfterMs, log);
+        }, [aggregateKey, log, reportAfterMs, wrappedName]);
+        const isEnabled = resolveEnabled(options, props);
+        if (!isEnabled) {
+            return (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props });
+        }
+        return ((0, jsx_runtime_1.jsx)(react_1.Profiler, { id: aggregateKey, onRender: onRender, children: (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props }) }));
     };
-    ProfiledComponent.displayName = `withRenderProfiler(${wrappedName})`;
-    return ProfiledComponent;
-};
+    Profiled.displayName = `withRenderProfiler(${wrappedName})`;
+    return Profiled;
+}
 exports.withRenderProfiler = withRenderProfiler;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-render-profiler",
-  "version": "0.1.1",
-  "description": "Lightweight React render and rerender profiler",
+  "version": "0.2.0",
+  "description": "React render profiling via Profiler API with debounced aggregated reporting",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
@@ -30,11 +30,14 @@
     "react",
     "performance",
     "profiler",
+    "react-profiler",
     "render",
-    "rerender"
+    "rerender",
+    "actualduration",
+    "baseduration"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0"
+    "react": ">=18.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",