Docs
useRerender

Force a component to rerender with useRerender, providing a method to trigger the rerender.

Installation

pnpm dlx shadcn@latest add https://usekit.kiron.dev/k/use-rerender

Usage

"use client"
 
import { useRerender } from "@/hooks/use-rerender"
 
export function Component() {
  const rerender = useRerender()
  console.log("Component rendered at:", new Date().toISOString())
 
  return (
    <div>
      <h1>Force Re-render Example</h1>
      <button onClick={rerender}>Re-render Component</button>
    </div>
  )
}

API Reference

Return Values

TypeDescription
() => voidA memoized function that, when called, forces the component to re-render.
useRenderDebuggeruseScramble