CoreUI for React v5.6.0

CoreUI for React v5.6.0

We are excited to announce the release of CoreUI for React v5.6.0! This version brings key bug fixes, architectural improvements, and numerous dependency upgrades to keep your stack modern, stable, and performant.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To update your project to CoreUI for React v5.6.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.6.0.
  3. Locate the @coreui/coreui entry and update it to 5.3.2.
  4. Save the file.
  5. In your project root, run the appropriate command:
    • For npm: npm install
    • For yarn: yarn install

What’s New

Fixes

  • CDropdown: Fixed incorrect menu positioning when the toggler is re-rendered.

Refactors

  • CAccordion, CCarousel, CModal, CProgress, CSidebarNav, CToast: Refactored to move context outside the component for improved modularity and maintainability.
  • CTabs: Fully implemented a controlled/uncontrolled pattern for better state handling.

Tests

  • Updated internal test coverage and structure to reflect component refactors.

Dependency Updates

We’ve upgraded a broad range of dependencies to improve stability, performance, and compatibility with modern tooling:

  • Updated @coreui/chartjs from ^4.0.0 to ^4.1.0
  • Updated @coreui/coreui from ^5.2.0 to ^5.3.2
  • Updated @docsearch/css from ^3.8.3 to ^3.9.0
  • Updated @docsearch/react from ^3.8.3 to ^3.9.0
  • Updated @rollup/plugin-commonjs from ^28.0.2 to ^28.0.3
  • Updated @rollup/plugin-node-resolve from ^16.0.0 to ^16.0.1
  • Updated @testing-library/react from ^16.2.0 to ^16.3.0
  • Updated @types/prop-types from 15.7.13 to 15.7.14
  • Updated @types/react from ^18.3.18 to ^19.1.2
  • Updated @types/react-dom from ^18.3.5 to ^19.1.2
  • Updated @typescript-eslint/parser from ^8.23.0 to ^8.31.1
  • Updated eslint from ^9.19.0 to ^9.25.1
  • Updated eslint-config-prettier from ^10.0.1 to ^10.1.2
  • Updated eslint-plugin-prettier from ^5.2.3 to ^5.2.6
  • Updated eslint-plugin-react from ^7.37.4 to ^7.37.5
  • Updated eslint-plugin-react-hooks from ^5.1.0 to ^5.2.0
  • Updated eslint-plugin-unicorn from ^56.0.1 to ^59.0.0
  • Updated gatsby from ^5.14.1 to ^5.14.3
  • Updated gatsby-plugin-mdx from ^5.14.0 to ^5.14.1
  • Updated globby from ^14.0.2 to ^14.1.0
  • Updated globals from ^15.14.0 to ^16.0.0
  • Updated lerna from ^8.1.9 to ^8.2.2
  • Updated prettier from ^3.4.2 to ^3.5.3
  • Updated prismjs from ^1.29.0 to ^1.30.0
  • Updated react-markdown from ^9.0.3 to ^10.1.0
  • Updated rollup from ^4.34.4 to ^4.40.1
  • Updated sass from ^1.84.0 to ^1.87.0
  • Updated ts-jest from ^29.2.5 to ^29.3.2
  • Updated typescript from ^5.7.3 to ^5.8.3
  • Updated typescript-eslint from ^8.23.0 to ^8.31.1

For a complete list of changes, check out the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”