Category "material-ui"

Material-UI: Too many re-renders. The layout is unstable. TextareaAutosize limits the number of renders to prevent an infinite loop

I have the following piece of code: export function MyTextField({ onChange, defaultValue }) { return ( <TextField defaultValue={defaultValue}

Next.js: Module not found: Can't resolve 'canvg'

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

How to give Typography-like style to an input element with Material-ui?

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

How to snap Draggable's to Grid? (Material UI)

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

A component is changing an uncontrolled Autocomplete to be controlled

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

Issue with Material UI Icons npm installation : unable to resolve dependency tree

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

Hide Menu Icon Button of Appbar of Material UI for only Desktop

<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

Does Material UI have an Image component?

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

MUI5 Stepper unexpected vertical line when calling from function

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

How to test Material UI v5 components with sx props in @testing-library/react?

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

makeStyles in Material UI not applying

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

Using Dividers inside Material-UI Tabs

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

Disable Ripple effect on MUI Button and add custom

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

React JS - Material UI ListItem (with Collapse API) onClick expands/collapse all sub list items instead of the selected one

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

Is it possible to delay Fade's transition?

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:

Test fails with "TypeError: theme.spacing is not a function" after migration from MUI v4 to v5

Have design system created/customized with MUI v4. Decided to update to V5 using this manual. All steps are done (with codemods and manual fixes), except moving

Next.js: custom font raises blinking

I'm creating Material-UI application using Next.js template. After custom font has been provided via npm/next-fonts the problem of twice font fetching is appear

How to get the value of clicked cell in React Material Table?

I am trying to get the corresponding value of cell in React Material UI Table Component. I was looking for already predefined component api properties but could

How can i increase Material UI overall animation speed

How can i increase the overall animation speed of Material UI, for example there is a drawer component inside the material UI, and it can be opened or closed, h

Theme nesting with Material UI

I have many datatables throughout my website and for the most part they are all styled the same. There are several different styles I need to apply to some of t