I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new po
I have Chip widget const styles = { root:{ }, chip:{ margin: "2px", padding: "2px" } } const SmartTagChip = (props) =>{ const classes = us
Resizing columns does not work properly when using Material UI X-Grid component with RTL theme. Accepted- dragging the LEFT portion of the column separator to t
My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what
In vain I try to style the mui slider with the help of CSS. The first approach it works perfectly. However, when refreshing the page, the slider is moved back t
I'm trying to add a snackBar in order to display a message whenever a user signIn or not. SnackBar.jsx: import React from "react"; import PropTypes from "prop-
I have a project, which is an employee monitoring project, and it has several components, and among these components is having a group of buttons together. I ha
IconButton in @material-ui/core/IconButton is showing a weird elliptical background when I hover the cursor over it. I thought it is a mistake by me, so I j
I am using material-ui in react with typescript template. All of my code is working fine but I am getting this error on multiple lines (not an error warning but
Using @mui/x-date-pickers I need to both display and edit in UTC. My stored data is also in UTC. I can wrap the value in a render function to force-display it i
I'm trying to set a start icon on a button and also the text label could be very long to use ellipsis at the end. I can't figure it out a way to align the start
After upgrading from @mui/material 5.5.0 to 5.6.4 my vite react-ts app doesn't run, throwing an error: styled_default is not a function by Popper.js, the popper
I am working on reactjs project using material-ui. Web-page is working perfect on desktop layout but when I switch layout to responsive (mobile). Than all the t
Here is how OutlinedTextField code looks like in jetpack-compose: OutlinedTextField( value = "", onValueChange = {}, label = {Text("Input")} ) The
The following assertion was thrown building IconButton(Icon, padding: EdgeInsets.all(8.0), dirty): No Material widget found. But you'll see from the code below
I have a form that I built using material UI that I would like to have their default values from an API. The main idea is an Edit screen where the user can edit
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