Beta Preview

May 19, 2025 Release

This release includes a range of enhancements and fixes such as improved keyboard accessibility in TagGroup and increased stability for dynamic table updates. It also brings support for React 19's ref cleanup behavior, performance improvements for collection updates in React transitions and pressable elements, and TypeScript updates including backwards compatibility with older TypeScript and @types/react versions.

As always, thank you to our community for their support and contributions!

Enhancements

  • Collections
    • Add moveBefore and moveAfter methods to useTreeData - @rob-clayburn - PR
    • Add shouldSelectOnPressUp prop to collection components - @YumiChen - PR
  • Popover
    • Add --trigger-width to Popover within DialogTrigger - @reidbarber - PR
  • TagGroup
  • Misc
    • Support React 19 ref cleanup callback - @chirokas - PR
    • Export useRenderProps hook from react-aria-components - @sebald - PR

Fixes

  • Collections
    • Fix updating dynamic Table columns - @snowystinger - PR
    • Improve performance of collection updates in React transitions - @devongovett - PR
    • Prevent disabled items in collections from recieving focus when clicked - @yihuiliao - PR
  • Date and Time
    • Apply aria-details on Calendar - @Persists - PR
    • Fix circular dependency in @internationalized/date - @luixo - PR
  • TypeScript
  • usePress
    • Improve performance of applying touch-action style for pressable elements - @reidbarber - PR
  • Misc
    • Fix runAfterTransition getting stuck when elements are removed - @MercerK - PR
    • Fix document is not defined error during SSR (#7926) - @LisaRyrholm - PR
    • Export PortalProvider from react-aria monopackage - @snowystinger - PR
    • Properly pass UNSAFE_className in ColorSlider - @chirokas - PR

Docs

Released packages

 - react-aria@3.40.0
 - react-aria-components@1.9.0
 - react-stately@3.38.0
 - @internationalized/date@3.8.1
 - @internationalized/number@3.6.2
 - @react-aria/actiongroup@3.7.16
 - @react-aria/autocomplete@3.0.0-beta.3
 - @react-aria/breadcrumbs@3.5.24
 - @react-aria/button@3.13.1
 - @react-aria/calendar@3.8.1
 - @react-aria/checkbox@3.15.5
 - @react-aria/collections@3.0.0-rc.1
 - @react-aria/color@3.0.7
 - @react-aria/combobox@3.12.3
 - @react-aria/datepicker@3.14.3
 - @react-aria/dialog@3.5.25
 - @react-aria/disclosure@3.0.5
 - @react-aria/dnd@3.9.3
 - @react-aria/focus@3.20.3
 - @react-aria/form@3.0.16
 - @react-aria/grid@3.14.0
 - @react-aria/gridlist@3.13.0
 - @react-aria/i18n@3.12.9
 - @react-aria/interactions@3.25.1
 - @react-aria/label@3.7.18
 - @react-aria/landmark@3.0.3
 - @react-aria/link@3.8.1
 - @react-aria/listbox@3.14.4
 - @react-aria/menu@3.18.3
 - @react-aria/meter@3.4.23
 - @react-aria/numberfield@3.11.14
 - @react-aria/overlays@3.27.1
 - @react-aria/progress@3.4.23
 - @react-aria/radio@3.11.3
 - @react-aria/searchfield@3.8.4
 - @react-aria/select@3.15.5
 - @react-aria/selection@3.24.1
 - @react-aria/separator@3.4.9
 - @react-aria/slider@3.7.19
 - @react-aria/spinbutton@3.6.15
 - @react-aria/steplist@3.0.0-alpha.17
 - @react-aria/switch@3.7.3
 - @react-aria/table@3.17.3
 - @react-aria/tabs@3.10.3
 - @react-aria/tag@3.6.0
 - @react-aria/test-utils@1.0.0-alpha.7
 - @react-aria/textfield@3.17.3
 - @react-aria/toast@3.0.3
 - @react-aria/toggle@3.11.3
 - @react-aria/toolbar@3.0.0-beta.16
 - @react-aria/tooltip@3.8.3
 - @react-aria/tree@3.0.3
 - @react-aria/utils@3.29.0
 - @react-aria/virtualizer@4.1.5
 - @react-aria/visually-hidden@3.8.23
 - @react-stately/calendar@3.8.1
 - @react-stately/checkbox@3.6.14
 - @react-stately/collections@3.12.4
 - @react-stately/color@3.8.5
 - @react-stately/combobox@3.10.5
 - @react-stately/data@3.13.0
 - @react-stately/datepicker@3.14.1
 - @react-stately/disclosure@3.0.4
 - @react-stately/dnd@3.5.4
 - @react-stately/form@3.1.4
 - @react-stately/grid@3.11.2
 - @react-stately/layout@4.3.0
 - @react-stately/list@3.12.2
 - @react-stately/menu@3.9.4
 - @react-stately/numberfield@3.9.12
 - @react-stately/overlays@3.6.16
 - @react-stately/radio@3.10.13
 - @react-stately/searchfield@3.5.12
 - @react-stately/select@3.6.13
 - @react-stately/selection@3.20.2
 - @react-stately/slider@3.6.4
 - @react-stately/steplist@3.0.0-alpha.14
 - @react-stately/table@3.14.2
 - @react-stately/tabs@3.8.2
 - @react-stately/toggle@3.8.4
 - @react-stately/tooltip@3.5.4
 - @react-stately/tree@3.8.10
 - @react-stately/virtualizer@4.4.0
 - @react-types/actionbar@3.1.15
 - @react-types/actiongroup@3.4.17
 - @react-types/autocomplete@3.0.0-alpha.31
 - @react-types/avatar@3.0.15
 - @react-types/badge@3.1.17
 - @react-types/breadcrumbs@3.7.13
 - @react-types/button@3.12.1
 - @react-types/buttongroup@3.3.17
 - @react-types/calendar@3.7.1
 - @react-types/card@3.0.0-alpha.36
 - @react-types/checkbox@3.9.4
 - @react-types/color@3.0.5
 - @react-types/combobox@3.13.5
 - @react-types/contextualhelp@3.2.18
 - @react-types/datepicker@3.12.1
 - @react-types/dialog@3.5.18
 - @react-types/divider@3.3.17
 - @react-types/form@3.7.12
 - @react-types/grid@3.3.2
 - @react-types/illustratedmessage@3.3.17
 - @react-types/image@3.4.9
 - @react-types/label@3.9.11
 - @react-types/layout@3.3.23
 - @react-types/link@3.6.1
 - @react-types/list@3.2.27
 - @react-types/listbox@3.7.0
 - @react-types/menu@3.10.1
 - @react-types/meter@3.4.9
 - @react-types/numberfield@3.8.11
 - @react-types/overlays@3.8.15
 - @react-types/progress@3.5.12
 - @react-types/provider@3.8.9
 - @react-types/radio@3.8.9
 - @react-types/searchfield@3.6.2
 - @react-types/select@3.9.12
 - @react-types/shared@3.29.1
 - @react-types/slider@3.7.11
 - @react-types/statuslight@3.3.17
 - @react-types/switch@3.5.11
 - @react-types/table@3.13.0
 - @react-types/tabs@3.3.15
 - @react-types/text@3.3.17
 - @react-types/textfield@3.12.2
 - @react-types/tooltip@3.4.17
 - @react-types/view@3.4.17
 - @react-types/well@3.3.17
 - @react-aria/optimize-locales-plugin@1.1.5