I've just updated my MUI app to the latest version of npm packages. This includes upgrading x-data-grid to from 5.17.9 to 7.2.0. In my app I use a grid with some of the columns populated using renderCell property: const cell…
I want the following thumb size to match as per the given image. inactive switch sample active switch sample But the switch looks like this in active and inactive mode. this how my code makes it look Here's the code:…
I am trying to create a wrapped components based on MUI (@material-tailwind/react) in Next.js 14 but I am encountering a typescript error in MaterialButton component. Type '{ children: string; color: "light-green"; }' is missing the following properties from type 'Pick<ButtonProps,…
I have installed the necessary libraries for the MUI but when I type a basic component like Typograhy it does not come up in the intellisense. Rather it shows @mui/icons-material. Please see below images. This was previously working fine until…
Is there any way to expose the custom item properties that are received asynchronously with MUI - RichTreeView inside a custom treeItem? For example, how to get the customProperty1 & customProperty2 inside the CustomTreeItem? Console.log to props shows nothing except…
Given the following React MUI V5 sample code, I am setting up a profile page where I have the details of a person to the left of the page that is represented with a label/value down the lefthand side of…
I'm using mui datagrid component in my react project and want to add filters of '>' and '<'. I couldn't figure out from the documentation. Is there a prop in DataGrid for this? P.S. I am new to material ui…
I have a simple page that has two parts: a label that displays 50% of the time after a page load, and a 'Roll' button that simulates the result of rolling a six sided die. Both of these parts use…
I would like to have the App bar at the top with 'hamburger' on the left, when the hamburger is clicked , Sidenav (drawer) should appear. I am using React Material and Next.js (App router). The app bar and the…
I'm using rollup to bundle a ui library (to use it in several main apps). but in bundled esm file I have these imports, which are not acceptable to webpack in main apps: import { ArrowDropDownCircleOutlined } from '@mui/icons-material/index'; import…