React Aria
DocsReleasesBlog
React Aria
Releases

v1.22.0

This release introduces Sheet, a swipeable overlay that slides in from the edge of the viewport, built on native browser scroll gestures. This component is perfect for implementing touch-friendly trays such as mobile sheets, navigation drawers, and notification banners.

It also adds Turbopack support to @react-aria/optimize-locales-plugin, overlay placement that accounts for the virtual keyboard, and much more!

As always, many thanks to all of our contributors!

Changelog

General Changes

  • Add suppressHydrationWarning to GlobalDOMAttributes so it can be forwarded by filterDOMProps - @miszuto - PR
  • Fix TypeError in preventFocus when the window is focused or blurred during a press - @microbit-matt-hillsdon - PR
  • Skip visibility check in Focusable and Pressable during development so children inside hidden subtrees no longer warn - @SimenB - PR
  • Throw an error on invalid rgb() and rgba() color strings - @giaBaoJS - PR
  • Enable the useControlledState early effect in React Native - @su-jin1425 - PR
  • Add support for interactive widgets, such as the virtual keyboard, when positioning overlays - @nwidynski - PR
  • Add Turbopack support to @react-aria/optimize-locales-plugin - @stefanprobst - PR

Collections

  • Warn about duplicate collection keys during development - @greglum - PR

ComboBox

  • Re-open popover when async items arrive after an empty response - @costajohnt - PR

Date/Time

  • Include the final constrained year in the year picker - @ZedingZhang - PR
  • Use default era when localized value is not supported in CLDR - @snowystinger - PR

Docs

Forms

  • Add development warnings that detect invalid focus movement in forms - @snowystinger - PR

Link

Popover

Sheet

Table

  • Fix useGridCell overriding focus restoration for focusable children, such as a dialog trigger inside a cell - @jsmitrah - PR

Tailwind

  • Add note to the Tailwind plugin documentation about how data attributes map to Tailwind selectors - @travisrcory - PR

TokenField

  • Export TokenFieldContext as a value rather than a type - @LFDanLu - PR
  • Fix cursor from jumping after editing tokens - @minwookshin - PR

Tree

Released packages

 - @internationalized/number@3.6.9
 - @react-types/shared@3.37.0
 - @react-aria/optimize-locales-plugin@2.1.0
 - react-aria@3.53.0
 - react-aria-components@1.22.0
 - react-stately@3.51.0