Reactjs – Why is my React Signals dialog not opening here?
I am trying to control a MUI dialog with a signal, but even with the < p > the value from the signal is not rendered. However, the value of the signal is changed in the console. So if i…
Reactjs – MUI material-ui – how to group a TextField and a Select?
In my app, the user needs to enter a quantity that can be in Bytes, KiB, GiB, or MiB. I'm using 2 Reacts MUI components : a TextField to enter the quantity a Select to select the right quantity unit…
Javascript – Material UI Autocomplete Categories in ReactJS
I'm using MUI Autocomplete and Formik and I wanted to group this into categories. If it has no sub_accounts, then it shouldn't have a header label. Something like this: https://mui.com/material-ui/react-autocomplete/#grouped CODESANDBOX ------> CLICK HERE Expected outcome on the UI is…
Reactjs – How to add button on tableCell in table material UI
i am build nextjs project and creating table from material ui and fetching data from mongoDB. i want to add two button on action (edit and delete) column but dont know how to do it on material MUI i want…
Reactjs – How to add a auto increment every column in table material UI
i am build nextjs project and creating table from material ui and fetching data from mongoDB. how to manipulate the data from the table. i want # columns auto increment start from 1,2,3,4,5 etc. every row. and this is my…
Css – MUI x-data-grid doesn't respect vertical cell alignment after update to 7.2.0
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…
How to increase thumb size of a Switch in Flutter
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:…
Reactjs – type script error after wrapping Material-UI button – error: Type '{ children: string; color: "light-green"; }' is missing the following properties
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,…
Visual Studio Code – Auto-import suggestions not coming up in VS Code 1.88.0
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…
Javascript – How to expose the custom Item properties with MUI v5 – RichTreeView?
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…