@yandex/ui/esm/useUniqId/useUniqId.js

Yandex UI components

import { useContext, useMemo } from 'react';
import { canUseDOM } from '../lib/canUseDOM';
import { SSRContext, initialContextValue } from '../ssr';
/**
 * Реакт-хук для генерации уникального id.
 *
 * При использовании в проекте ssr необходимо использовать
 * `SSRProvider` для синхронизации id между сервером и клиентом.
 *
 * @param prefix - Префикс для генерации уникального id (по умолчанию `xuniq`)
 *
 * @example
 * const id = useUniqId()
 */
export function useUniqId(prefix) {
    if (prefix === void 0) { prefix = 'xuniq'; }
    var context = useContext(SSRContext);
    // NOTE: Не используем кэширование через useRef или useState,
    // т.к. в таком случае происходит постоянный инкремент значения.
    // eslint-disable-next-line react-hooks/exhaustive-deps
    var id = useMemo(function () { return prefix + "-" + context.id + "-" + ++context.value; }, []);
    console.assert(canUseDOM() || context !== initialContextValue, 'При серверном рендеринге необходимо обернуть приложение в <SSRProvider>' +
        ' для синхронизации id между сервером и клиентом.');
    return id;
}