React Aria
DocsReleasesBlog
React Aria
Overview
Getting started
Examples
Components
Autocomplete
Breadcrumbs
Button
Calendar
Checkbox
CheckboxGroup
ColorArea
ColorField
ColorPicker
ColorSlider
ColorSwatch
ColorSwatchPicker
ColorWheel
ComboBox
DateField
DatePicker
DateRangePicker
Disclosure
DisclosureGroup
DropZone
FileTrigger
Form
GridList
Group
Link
ListBox
Menu
Meter
Modal
NavigationTree
NumberField
Popover
PreviewTrigger
ProgressBar
RadioGroup
RangeCalendar
SearchField
Select
Separator
Slider
Switch
Table
Tabs
TagGroup
TextField
TimeField
Toast
ToggleButton
ToggleButtonGroup
TokenField
Toolbar
Tooltip
Tree
Virtualizer
Guides
Interactions
Internationalized
Utilities
I18nProvider
mergeProps
PortalProvider
SSRProvider
useAsyncList
useCollator
useDateFormatter
useField
useFilter
useId
useIsSSR
useLabel
useListData
useListFormatter
useLocale
useNumberFormatter
useObjectRef
useTreeData
VisuallyHidden

useId

If a default is not provided, generate an id.

Introduction

The useId hook creates an autogenerated unique id for an element. An id from props can used instead of the autogenerated id when available.

Example

import {useId} from 'react-aria/useId';

let elementId = useId();
let componentId = useId(props.id);

API

useId(defaultId?: string): string

  • Copyright © 2026 Adobe. All rights reserved.
  • Privacy
  • Terms of Use
  • Cookies
  • Do not sell my personal information
On this page
  • Introduction
  • Example
  • API