Generate UUID in JavaScript & Node.js

const id = crypto.randomUUID();
console.log(id);
// → "f47ac10b-58cc-4372-a567-0e02b2c3d479"

import { randomUUID } from 'crypto';  // ESM
// const { randomUUID } = require('crypto');  // CommonJS

const id = randomUUID();
console.log(id);
// → "f47ac10b-58cc-4372-a567-0e02b2c3d479"

npm install uuid

import { v1 as uuidv1, v4 as uuidv4, v5 as uuidv5 } from 'uuid';

// v4 — random
const id = uuidv4();
// → "f47ac10b-58cc-4372-a567-0e02b2c3d479"

// v1 — timestamp-based
const tsId = uuidv1();

// v5 — name-based (deterministic)
const MY_NAMESPACE = uuidv4();  // generate once and store
const nameId = uuidv5('hello.world', MY_NAMESPACE);

import { useId } from 'react';  // React 18+ — for accessibility IDs

// For data IDs (rows, items), generate once outside the component
// or on user action — not on every render.
const newItem = { id: crypto.randomUUID(), name: 'Widget' };

function ItemList({ items }) {
  return (
    <ul>
      {items.map(item => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul>
  );
}

// No import needed — crypto.randomUUID() is globally available
// Return type is `\`${string}-${string}-${string}-${string}-${string}\``

const id: string = crypto.randomUUID();

// For Node.js with TypeScript:
import { randomUUID } from 'crypto';
const nodeId: string = randomUUID();