grafana/public/app/plugins/datasource/influxdb/components/useUniqueId.ts
Josh Hunt 3c6e0e8ef8
Chore: ESlint import order (#44959)
* Add and configure eslint-plugin-import

* Fix the lint:ts npm command

* Autofix + prettier all the files

* Manually fix remaining files

* Move jquery code in jest-setup to external file to safely reorder imports

* Resolve issue caused by circular dependencies within Prometheus

* Update .betterer.results

* Fix missing // @ts-ignore

* ignore iconBundle.ts

* Fix missing // @ts-ignore
2022-04-22 14:33:13 +01:00

18 lines
465 B
TypeScript

import { uniqueId } from 'lodash';
import { useRef } from 'react';
export function useUniqueId(): string {
// we need to lazy-init this ref.
// otherwise we would call `uniqueId`
// on every render. unfortunately
// useRef does not have lazy-init builtin,
// like useState does. we do it manually.
const idRefLazy = useRef<string | null>(null);
if (idRefLazy.current == null) {
idRefLazy.current = uniqueId();
}
return idRefLazy.current;
}