How can I set the focus on a material-ui TextField component? componentDidMount() { ReactDom.findDomNode(this.refs.myControl).focus() } I have tried abov
How can I set the focus on a material-ui TextField component? componentDidMount() { ReactDom.findDomNode(this.refs.myControl).focus() } I have tried abov
I don't quite understand the React Material-UI grid system. If I want to use a form component for login, what is the easiest way to center it on the screen on a
This is my component definition: <DateField name={formElement.name} type="date" label={formElement.name} onChange={(date) => formi
I'm trying to extend the color palette that mui provides. The overriding of primary, secondary etc colors works well but if I want to create a custom set of col
I have the following piece of code: export function MyTextField({ onChange, defaultValue }) { return ( <TextField defaultValue={defaultValue}
I have a next.js project and I keep getting: error - ./node_modules/jspdf/dist/jspdf.es.min.js:458:25 Module not found: Can't resolve 'canvg' I'm not sure why
I would like my Typography field to become editable, so I transform it into an input. Now I would like this input to have the same style. How to do it? I tried
I am trying to make a card that is draggable, which is layered on top of a grid, and when moved, I want it to snap to the different sections of the Grid. I am a
Can you tell me that why I'm getting error "A component is changing an uncontrolled Autocomplete to be controlled. Elements should not switch from uncontrolled
I was trying to install Material UI Icons in my Netflix-Clone React.js project with npm, but I got the following error - PS D:\REACT Projects\netflix> npm i
<AppBar title="My AppBar" showMenuIconButton={false} /> This Hides the Menu Icon in all devices. I need to hide only in Desktop. How Can I achieve th
I used other react components before, they mostly have their own Image component, but I can't find that in Material-UI? Or is it done via CardMediaAPI? or simp
Hi I am trying to develop MUI5 vertical stepper but got issue when rendering steps from function. So, there is one extra connector line on top of first step. ht
React Testing Library does not apply sx props of Material UI components during rendering. For example, I specify properties to hide an element at certain breakp
I am trying to style my pahe using makeStyles from material ui with react js. it is working for me with some pages, but most of them are not working even if I a
If I want to use a Divider or something else that isn't a Tab inside Material-UI Tabs, I get DOM warnings in the console. <Tabs ...> //... <Divide
I wanted to remove the ripple effect on the button and implement my custom effect in MUI Button. I have removed ripple using disableRipple. I have tried to appl
I'm implementing Expand/Collapse feature of List using React JS - Material UI ListItem (with Collapse API) When I click on the ListItem it expands/collapse a
Goal: I want Fade's transition to happen after a certain time has passed (ex: 4000 milliseconds). Here is a fragment of my code: <Fade in timeout={{ enter: