React 18 and 19 compatibility
TLDR
Using react 18 you can use 33/59 BAgel components, and with react 19 you can use all components
Compatibility table
| Component | React 18 | React 19 |
|---|---|---|
| ba-accordion | ||
| ba-button | ||
| ba-card | ||
| ba-card-segmented | ||
| ba-chart-price | ||
| ba-checkbox | ||
| ba-checkbox-card | ||
| ba-checkbox-list | ||
| ba-content | ||
| ba-copy-to-clipboard | ||
| ba-date | ||
| ba-details | ||
| ba-download | ||
| ba-filter | ||
| ba-filter-checkbox | ||
| ba-flex | ||
| ba-flight-details | ||
| ba-flight-line | ||
| ba-flight-number | ||
| ba-footer | ||
| ba-form | ||
| ba-form-group | ||
| ba-form-group-dropdown | ||
| ba-grid | ||
| ba-header-global | ||
| ba-hero | ||
| ba-icon | ||
| ba-image | ||
| ba-inline-list | ||
| ba-input-date | ||
| ba-input-datepicker | ||
| ba-input-email | ||
| ba-input-number | ||
| ba-input-password | ||
| ba-input-phone-number | ||
| ba-input-stepper | ||
| ba-input-text | ||
| ba-input-textarea | ||
| ba-input-typeahead | ||
| ba-input-upload | ||
| ba-link | ||
| ba-link-back | ||
| ba-link-entry | ||
| ba-link-price | ||
| ba-loading-page | ||
| ba-loading-skeleton | ||
| ba-logo | ||
| ba-media-object | ||
| ba-message | ||
| ba-message-global | ||
| ba-page-segment | ||
| ba-radio | ||
| ba-radio-card | ||
| ba-radio-group | ||
| ba-select | ||
| ba-sort | ||
| ba-star-rating | ||
| ba-tag | ||
| ba-toolbar |