GitHunt
HO

HomeX-It/use-unique-id

A react hook for composing unique ids with a human readable prefix

useUniqueId

useUniqueId is a react hook that generates unique ids with a human readable prefix. You can assign unique ids using a react component's name as the prefix allowing you to see the component's name in a browser's developer tools without opening react dev tools.

Install

npm install use-unique-id

OR

yarn add use-unique-id

Usage

useUniqueId('DropDownInput')

Before

using a random unique id generator

input field with uuid/v4 label

After

using useUniqueId

input field with use-unique-id label

use-unique-id uses uuid/v4 under the hood generating reliable universally unique identifiers (UUIDs).

๐Ÿš€ Made with create-react-hook.


License

MIT ยฉ HomeX Labs

Languages

JavaScript77.9%TypeScript22.1%

Contributors

MIT License
Created November 11, 2019
Updated August 28, 2025
HomeX-It/use-unique-id | GitHunt