Shadcn Hooks

useUpdate

A hook to force a component to re-render

Loading...

Installation

npx shadcn@latest add @hooks/use-update
pnpm dlx shadcn@latest add @hooks/use-update
yarn dlx shadcn@latest add @hooks/use-update
bun x shadcn@latest add @hooks/use-update

Copy and paste the following code into your project.

use-update.ts
import { useCallback, useState } from 'react'

export function useUpdate() {
  const [, setState] = useState({})

  return useCallback(() => setState({}), [])
}

API

/**
 * A hook to force a component to re-render
 * @returns A function to force a component to re-render
 */
export function useUpdate(): () => void

Credits

Last updated on