CoreUI for React v5.4.0

CoreUI for React v5.4.0

We are excited to announce the release of CoreUI for React v5.4.0. This update introduces new features, important refactors, and dependency updates to enhance the functionality and performance of the CoreUI library.

How to Update

To update your project to CoreUI for React v5.4.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/react entry under dependencies and update the version number to 5.4.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.1.2.
  4. Save your changes to the package.json file.
  5. In your project’s root directory, run the update command appropriate for your package manager:
    • For npm users, execute npm install.
    • For yarn users, execute yarn install.

What’s New

New Features

  • feat(CBreadcrumb): Allow passing custom components as breadcrumb items.

Fixes

  • fix(CFormSelect): Add the missing selected attribute to the option typings.
  • fix(CTabs): Add the missing disabled prop.
  • fix(CToast): Change the special prop key to innerKey.
  • fix(CRow): Ensure additional props are passed to the underlying component.

Dependency Updates

  • Updated @coreui/coreui from ^5.1.0 to ^5.1.2
  • Updated @typescript-eslint/eslint-plugin from ^7.15.0 to ^8.6.0
  • Updated @typescript-eslint/parser from ^7.15.0 to ^8.6.0
  • Updated @testing-library/jest-dom from ^6.4.8 to ^6.5.0
  • Updated @testing-library/react from ^16.0.0 to ^16.0.1
  • Updated @types/jest from ^29.5.12 to ^29.5.13
  • Updated @types/react from 18.3.3 to 18.3.8
  • Updated @types/react-transition-group from ^4.4.10 to ^4.4.11
  • Updated eslint-plugin-react from ^7.35.0 to ^7.36.1
  • Updated gatsby-plugin-offline from ^6.13.2 to ^6.13.3
  • Updated lerna from ^8.1.7 to ^8.1.8
  • Updated prism-react-renderer from ^2.3.1 to ^2.4.0
  • Updated rollup from ^4.19.2 to ^4.22.4
  • Updated sass from ^1.77.8 to ^1.79.3
  • Updated ts-jest from ^29.2.4 to ^29.2.5
  • Updated tslib from ^2.6.3 to ^2.7.0
  • Updated typescript from ^5.5.4 to ^5.6.2

For a detailed overview of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript

What is the difference between typeof and instanceof in JavaScript
What is the difference between typeof and instanceof in JavaScript

How to conditionally add attributes to React components
How to conditionally add attributes to React components

How to force a React component to re-render
How to force a React component to re-render