--- title: "Berry Material React v5.2.0: New App Modules, MUI v9 & Major UI Refactor" description: "We’re excited to announce a major update to Berry Material React v5.2.0! This update brings 3 new application modules, migration to MUI v9, improved dark mode, and better component consistency..." url: https://blog.codedthemes.com/berry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor/ date: 2026-07-22 modified: 2026-07-22 author: "Amit Gorasiya" image: https://blog.codedthemes.com/wp-content/uploads/2026/07/berry-material-ui-react-admi-dashboard-5.2.0.webp categories: ["Material UI", "Next.js", "Product", "React"] type: post lang: en --- # Berry Material React v5.2.0: New App Modules, MUI v9 & Major UI Refactor We’re excited to announce a major update to (https://codedthemes.gitbook.io/berry/support/changelog#v5.2.0-21-07-2026)! This update brings 3 new application modules, migration to MUI v9, improved dark mode, and better component consistency across the entire template. Whether you’re building SaaS products, CRM systems, or admin dashboards, v5.2.0 gives you a cleaner, more powerful foundation to build on. ## Why this update was needed As we know frontend technology evolves, and our users build larger, more complex products, Berry continues to evolve with them. This release focuses on: - Migrating to (https://mui.com/material-ui/migration/upgrade-to-v9/), the latest version by MUI for better compatibility and future support. - Adding 3 production-ready app modules to help you build faster. - Improving dark mode for a more consistent experience. - Refining component styling across the entire design system for a cleaner and more polished UI. ## New app modules ### Order management app A new (https://berrydashboard.com/apps/order/list) has been added: - Order list page with real-time search - Order upsert (create/edit) modal with full form field binding - Product details page - ActionList component with custom tooltip shadow - Responsive toolbar for mobile viewports ## Customer management app Build (https://berrydashboard.com/apps/crm/lead-management/lm-overview) faster with the new customer module: - Customer list page with sortable, searchable table - Customer upsert modal with form field binding - CRM lead management and contact card integration - Routes and menu items pre-configured and ready to go ### Mail app (Redesign) The (https://berrydashboard.com/apps/mail/inbox) has been completely rebuilt from the ground up: - New layout with sidebar, toolbar, and mail list/detail views - Compose dialog with validation and label color picker - Sent and draft functionality with store binding - Attachment display, reply, and forward UI - Delete dialog as a standalone reusable component - Label management (create, assign, delete) - Debounced search and empty state illustrations - RTL support via Quill editor integration - Full Redux store setup with slices and reducers ## Major improvements ### MUI v9 migration Berry Material React TS is now fully updated to Material UI v9. - Upgraded all packages and resolved build issues. - Updated ESLint for MUI v9 compatibility. - Aligned TypeScript types with the latest MUI APIs. - Added 50+ migration prompt files to help with upgrades. - Upgraded to Vite v8 for faster builds and development. ### Improved dark mode We’ve refined dark mode across the entire template for a more consistent experience. - Fixed issues on (https://berrydashboard.com/dashboard/analytics) and (https://berrydashboard.com/dashboard/default). - Improved widget color consistency. - Updated menu, header, and customization panel styling. - Fixed Date Picker, InputAdornment, and Autocomplete icon colors. - Resolved remaining dark mode palette issues. ### Component override system A major expansion of the MUI override layer brings visual consistency across all components: - `OutlinedInput` and `TextField` overrides - `Select` and `InputLabel` overrides - `Chip` and `Autocomplete` overrides - `PickerOutlinedInput` override - `MuiButton` and `MuiIconButton` overrides (including disabled states) - `Avatar` overrides — outline, soft, and data-variant styles consolidated, extended avatar component removed - `MainCard` hover shadow removed - `SubCard` box shadow removed - `TablePagination` override ### Invoice module - (https://berrydashboard.com/apps/invoice/invoice-list) and (https://berrydashboard.com/apps/invoice/edit-invoice) - Client sections, item tables, and payment pages refined - `DialogAction` override applied consistently - Add client in dialog integrated ### MapLibre maps - JSON-related rendering issue fixed - Marker and popup color updated using CSS color variables ### Palette & colors - New default palette introduced - Pending palette color issues fixed - Global styles added for Apex Charts - Color variable system expanded for dark/light mode consistency ## Bug fixes - Fixed customer1 reducer slice naming conflict - Fixed widget color regression - Fixed yarn version mismatch and lock file inconsistencies - Fixed ESLint and TypeScript errors introduced during Next.js migration - Fixed extra spacing on laptop-sized viewports in the Chat module - Fixed icon color issues on date picker components - Fixed palette color issues in dark mode (multiple passes) - Resolved merge conflicts from master branch - Removed old mail module implementation and legacy routes - Removed unused `React.` namespace references across components ## Tooling & Infrastructure - Vite v8, faster cold starts and optimized build output - GitHub workflows updated (`prod.yml`, `stage.yml`, `yarn-stage-check.yml`) - MUI v9 migration prompt library added (22 prompt files covering all breaking changes) - Automated package upgrade workflow using prompt-driven process - Stylis package added for CSS-in-JS compatibility Berry Material React TS v5.2.0 is one of our major updates. It brings new app modules, support for Material UI v9, a better dark mode experience, and many improvements across the template. Whether you’re building admin dashboards, CRM tools, or SaaS applications, this update gives you a more polished and reliable foundation. (https://berrydashboard.com/)! Share this:[](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fberry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor%2F&linkname=Berry%20Material%20React%20v5.2.0%3A%20New%20App%20Modules%2C%20MUI%20v9%20%26%20Major%20UI%20Refactor)[](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fberry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor%2F&linkname=Berry%20Material%20React%20v5.2.0%3A%20New%20App%20Modules%2C%20MUI%20v9%20%26%20Major%20UI%20Refactor)[](https://www.addtoany.com/add_to/reddit?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fberry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor%2F&linkname=Berry%20Material%20React%20v5.2.0%3A%20New%20App%20Modules%2C%20MUI%20v9%20%26%20Major%20UI%20Refactor)[](https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fberry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor%2F&linkname=Berry%20Material%20React%20v5.2.0%3A%20New%20App%20Modules%2C%20MUI%20v9%20%26%20Major%20UI%20Refactor)[](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fberry-material-react-v5-2-0-new-app-modules-mui-v9-major-ui-refactor%2F&linkname=Berry%20Material%20React%20v5.2.0%3A%20New%20App%20Modules%2C%20MUI%20v9%20%26%20Major%20UI%20Refactor)