React components won't build after React Aria April 2026 releases

[ty2k]

Component

React components library

Description

React Aria v1.17.0 was published on 2026-04-14, and changes to the way dependencies work within react-aria-components mean that our component library will no longer build using the latest versions of the transitive dependencies pulled by our package.json file at the head of main (642ea27) without the exact versions from package-lock.json. Packages used by the DatePicker component that were previously installed by react-aria-components now require direct installation as dependencies.

This has already been alluded to in #657, but this should be fixed prior to updating any other dependencies.

Steps to reproduce

In the React components library:

• rm -rf node_modules
• rm package-lock.json
• npm i
• npm run build fails:

design-system/packages/react-components on  main [$!] is 📦 v0.7.0 via ⬢ v24.14.1 took 1m 3s 
➜ npm run build

> @bcgov/design-system-react-components@0.7.0 build
> npm run clean && npm run build:js && npm run build:types && npm run build:dts


> @bcgov/design-system-react-components@0.7.0 clean
> rm -rf dist


> @bcgov/design-system-react-components@0.7.0 build:js
> rollup -c rollup.config.js --bundleConfigAsCjs


src/index.ts → dist/cjs/index.cjs, dist/esm/index.js...
(!) Circular dependencies
node_modules/@internationalized/date/dist/private/CalendarDate.mjs -> node_modules/@internationalized/date/dist/private/manipulation.mjs -> node_modules/@internationalized/date/dist/private/conversion.mjs -> node_modules/@internationalized/date/dist/private/CalendarDate.mjs
node_modules/@internationalized/date/dist/private/manipulation.mjs -> node_modules/@internationalized/date/dist/private/conversion.mjs -> node_modules/@internationalized/date/dist/private/manipulation.mjs
node_modules/@internationalized/date/dist/private/CalendarDate.mjs -> node_modules/@internationalized/date/dist/private/manipulation.mjs -> node_modules/@internationalized/date/dist/private/conversion.mjs -> node_modules/@internationalized/date/dist/private/calendars/GregorianCalendar.mjs -> node_modules/@internationalized/date/dist/private/CalendarDate.mjs
...and 4 more
(!) [plugin typescript] @rollup/plugin-typescript TS5096: Option 'allowImportingTsExtensions' can only be used when either 'noEmit' or 'emitDeclarationOnly' is set.
(!) Unresolved dependencies
https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
@react-aria/datepicker (imported by "src/components/DatePicker/DatePicker.tsx")
created dist/cjs/index.cjs, dist/esm/index.js in 10s

> @bcgov/design-system-react-components@0.7.0 build:types
> tsc -p tsconfig.types.json

src/components/DatePicker/DatePicker.tsx:17:33 - error TS2307: Cannot find module '@react-aria/datepicker' or its corresponding type declarations.

17 import { useDisplayNames } from "@react-aria/datepicker";
                                   ~~~~~~~~~~~~~~~~~~~~~~~~


Found 1 error in src/components/DatePicker/DatePicker.tsx:17

Technical information

React components library at latest main commit 642ea27.