react_performance_hooks_usePerformanceEffect_execution_time_tracking.ts

1import React, { useState } from "react";
2import { usePerformanceEffect } from "@better-typed/react-performance-hooks";
3
4const QuickstartExample: React.FC = () => {
5  const [count, setCount] = useState(0);
6
7  usePerformanceEffect(
8    (performance) => {
9      console.log(`Execution time: ${performance.duration}ms`);
10    },
11    [count],
12    { name: "MyComponentUpdate" }
13  );
14
15  return (
16    <div>
17      <p>Count: {count}</p>
18      <button onClick={() => setCount((c) => c + 1)}>Increment</button>
19    </div>
20  );
21};
22
23export default QuickstartExample;