React-profiler

sublime-medium.txt

import {
  unstable_trace as trace,
  unstable_wrap as wrap,
} from 'scheduler/tracing'

<button
  onClick={() =>
    trace('Fetch data', performance.now(), () => {
      setLoading(true)
      fetchData()
        .then(
          wrap(data => {
            setData(data)
          })
        )
        .finally(wrap(() => setLoading(false)))
    })
  }
>
  Fetch data
</button>