#34StateEasy

useRendersCount

useRendersCount

Tracks component's renders count including the first render.

Usage

import * as React from 'react';
import { useRendersCount } from "react-use";  

const Demo = () => {
  const update = useUpdate();
  const rendersCount = useRendersCount();

  return (
    <div>
      <span>Renders count: {rendersCount}</span>
      <br />
      <button onClick={update}>re-render</button>
    </div>
  );
};

Reference

const rendersCount: number = useRendersCount();
// TODO: implement useRendersCount
function notImplemented(..._args: any[]): any {
  throw new Error('Not implemented');
}
export default notImplemented;
export const useRendersCount = notImplemented;

Open browser consoleTests