498

useRerender

Hook that defines the logic to force rerender a component

debugmediumtest coverage
07:11:35
import { useRerender } from '@siberiacancode/reactuse';

const Demo = () => {
  const rerender = useRerender();
  const time = new Date().toLocaleTimeString('en-US', { hour12: false });

  return (
    <section className='flex flex-col items-center gap-4 p-8'>
      <span className='text-foreground font-mono text-5xl font-bold tabular-nums'>{time}</span>

      <button data-variant='outline' type='button' onClick={rerender}>
        Refresh
      </button>
    </section>
  );
};

export default Demo;

Installation

pnpm add @siberiacancode/reactuse

Usage

const rerender = useRerender();

Type Declarations

type UseRerenderReturn = () => void;

API

Returns

UseRerenderReturn

Contributors

ddebabinhhywax

Last updated on