I am using Material UI Date picker with day js,but the issue that arising again and again is,’when I select the date on calender,1st time it updates in textfield and then it is not working.And also having problem in Yup like when touched 1st time it gives error means works perfectly but when removing the date from text field and
Tag: material-ui
why is MUI CORE basic rating code is giving me setValue as undefined?
i tried using MUI CORE for first time and it’s giving me arror as i wanted to use active first rating and set value is not defined i Answer Ey! The only thing that i can see is that you are trying to use “setValue” in the “onChange” event handler for the “Rating” component, but there is not a “setValue”
“Slots” prop does nothing when applied on material-ui Slider component
I am trying to figure out what “slots” prop has to offer to the Slider component in terms of taking control of inner components rendering (track, thumb, etc). I am rendering a simple Slider component as shown below However, not even this simple example is working for me. “Slots” prop is not being processed in any way (root and thumb
MUI + React Hook Form: Fill out TextField value but then can’t modify the value
I’m using the combination of MUI + React Hook Form, so I’ve created a CustomTextField.tsx component to make it worked. Then at the app/parent level, I want to these steps: Fetch data and display to the TextField. Modify the text in TextField Submit the new value in TextField This is my approach: With this approach, I managed to display the
add border when mouse hovered on MUI v5 table row
I created a table with Material UI v5 and now when the mouse pointer hovered on the table row I want to add a blue border to the table row. I have tried a lot of ways and searched but I did not find any solution. this is what I made so far: codesandbox Answer You can check the online
webpack not able to resolve node_modules material-icons
Here is the error I am getting However I uninstalled material-icons before this and this is my package.json I tried installing however it is not getting re installed and still my page stopped rendering. Answer There must be some uninstalled packages that are probably conflicting. What you should try doing in my idea is: delete the node_modules folder run yarn/npm
Defining type for input file state: React+Typescript
I am getting the following error while I define the type of file object inside state, Argument of type ‘null’ is not assignable to parameter of type ‘File | (() => File)’.ts. I am having a upload component, that basically takes care of selecting the file and sending its value to the parent component. I am trying to this in
How can I do a boolean | undefined vs boolean | null PropType?
I have: But that gives me an error: Type ‘boolean | null’ is not assignable to type ‘boolean | undefined’. It seems that a MUI Modal takes boolean | undefined whereas the PropType has it has boolean | null. How can I reconcile that? Answer Option 1: Check for null: or you can also use ??: Option 2: Omit &
Uncaught TypeError: Cannot read properties of undefined (reading ‘name’) | Material UI
I’m trying to view the fetched data on MUI Autocomplete, but I get this error I don’t why, the stat is fetched from MongoDB and I’m just trying to view the name of the category as an option. The Code: This is how the data is showing in Mongodb Answer So I added this and it worked getOptionLabel={option => (option
Change the color of elements in Select from MUI
It seems that there were quite a lot of questions and answers on this topic, but I could not find anything suitable for myself. I ask the community for help. I’m using the Select component from @mui/material to display the number of records per page. And I’d like to change the color of the window’s border when it’s clicked, and