I have below ReactJS use hook from Autocomplete field, using Typescript version 4.9.5. VS code editor giving error in options={products} line. looking some help to fix this error message. code URL: https://codesandbox.io/s/happy-bhabha-uhti49?file=/src/CarAutoComplete.tsx:1697-1718 <Controller control={methods.control} name={"selectedProducts"} render={({ field: { onChange, value…
I am using DataGrid from material UI React. In the documentation the columns are resizable but it is not for me. This is the component displayed return ( <Box m="1.5rem 2.5rem"> <Typography variant="h4">Reservation List</Typography> <Box style={{ height: 400, width: "100%"…
I have MUI dialog which when I clickAway outside it can't be removed. I want to add a shake effect or any effect to the dialog when the user clicks away so the user knows that clicking away is blocked.…
I want to fetch data from the database and then populate it in the appropriate fields. Then I want to be able to edit them and save the changes. But, I am having several problems with the text fields. An…
why cant I change color of search icon using sx I tried changing the color from css using class name(searchIcon) but it does not work. Tried this, can tell why is sx not working import React from 'react' import './Header.css'…
I'm using a predefined set of arrays to populate several RadioGroups. The components hierarchy is defined in the codesandbox to mimic the one in my project. Sorry if it looks verbose, there is a reason for it. Anyway, every time…
Since makeStyles is deprecated: https://mui.com/system/styles/basics/. I'm trying to implement new approach with sx prop. I'm having trouble understanding how to use it with React-Admin components. Let's say I have a list of Logs which can be Error, Warning, or Info…
I'm trying to pass a custom palette color into the color prop of a Typography tag. I've got my theme set up in theme.ts like this: declare module "@mui/material/styles" { interface Palette { tertiary: Palette['primary']; } interface PaletteOptions { tertiary:…
I'm trying to create customized Currency Input, but when ever i try to put decimal into value the textfield prevent it by typing, idk maybe there's a issue with my code.. Check the below code.. main.ts const [_val, setVal] =…
I am trying change the foreground color of a material ui v4 button that has a svg image and text. The text changes color alright, however not the image. I have dropped in the browser debugger and tried setting the…