Shadcn Hooks

useHash

A hook to get current hash

GitHubView on GitHub

Installation

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

Copy and paste the following code into your project.

use-hash.ts
import { useSyncExternalStore } from 'react'

function subscribe(onStoreChange: () => void) {
  window.addEventListener('hashchange', onStoreChange)
  return () => window.removeEventListener('hashchange', onStoreChange)
}

function getSnapshot() {
  return window.location.hash
}

function getServerSnapshot() {
  return ''
}

export function useHash() {
  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
}

API

/**
 * A hook to get current hash
 * @returns The current hash
 */
export function useHash(): string

Credits

Last updated on

useFps

A hook to calculate the FPS

useHover

A hook to check if the mouse is hovering over an element

On this page

InstallationAPICredits