Category "material-ui"

Unable to fix popper placement in autocomplete

I am using the <Autocomplete /> component of Material-UI and I have a situation where I want my drop-down to always appear at the bottom. Therefore I did

React Material Table : onRowAdd not refreshing

I am using Material Table for displaying table data. Using onRowAdd, I am able to add a new row but the page is not refershing. It reloads and get stuck then I

MaterialUI - 'StylesProvider' cannot be used as a JSX component

I have an app written in React with TypeScript and lately after refreshing node modules and the lockfile I am getting this error when trying to run the app: Typ

How can communicate between my generic modalform and my form in reactjs to validate the form?

I add reactjs component in my existing project I create a generic modalform and generic forminput component with material-ui. I create 3 differents form for my

White space below MUI Grid container (which is not a padding or margin)

How can I avoid the extra white space below a nested MUI Grid container with dynamic and fixed size items (in a clean way) ? I am interested in the "correct" MU

How can I keep an absolute div from disappearing when the parent collapse is collapsed? (Material-UI)

I have a Collapse element with a button that is absolutely positioned outside of the collapse. Basically, the collapse sits off to the right of the screen, with

material-ui fab href does not add baseurl

In a React 16 application that uses material-ui. I have this FAB <Fab color = "primary" aria-label = "Add" className = {classes.fab} size = "small" href

Error: Typing on the input field of pick for each row just duplicates whatever value was entered in the qty field

So I have this field where you can enter the quantity for each row. It was working, however, when I added another input field for the pick, it will just duplica

Material-UI DataGrid, display sum of column and sum updates according to filter as well

I have this Material-UI DataGrid, how can I sum all of the values for the column Total Amount in which this will also be updated once filter is triggerd as well

MaterialUI 5 : TypeError: Cannot read properties of undefined (reading 'create')

After I created ThemeSetting.tsx context I cannot use <Button><Button> and all things that use theme of materialUI ReactJS , Typescript error TypeEr

Material UI 5 class name styles

I migrated from Mui 4 to 5 and wonder how to use class names. If I want to apply certain styles to just one component there is the SX property. However, I'm str

Mui Data Grid - How can I add a Summary row on each page of the grid as a last row which can scroll with other rows

I want to add a summary row to the MUI DataGrid component. I am getting the total from my API response. I want to display this summary row on each page of the g

How do I set a width for the TextAreaAutoSize component in Material-UI?

I can't find any info anywhere on how to change the default width of a TextAreaAutosize component in material-ui. It seems the only choice is to have this litt

MUI 5 SX Typescript error when spreading values in prop

I need some help with this typescript error with MUI sx prop. When I try to combined or spreed sx values into an sx prop I get this error. I works if I just do

Adding New Component Props Inside CreateTheme V5

How can I add new props to a component inside createTheme in version 5? I see how to add new variants but not new props. Also is there a way to know what TypeSc

How to add a new prop to MUI component with TS Augmentation

I'm using MUI v5 and I'm trying to add a new prop to the TableRow componenent. MUI documentation on module augmentation lacks some examples, since it only shows

Material-UI V5 RTL with stylis-plugin-rtl

i am useing Material UI 5 with next.js and have implemenmted every steps exactly like the documentation here with emotion and stylis-plugin-rtl v2: https://next

Material-UI - Apply max-height to Select children

I am using the Material-UI react library to render some Dropdown menus, using the <FormControl>, <Select> and <MenuItem> components. The optio

Conditionally return ForwardRefExoticComponent and FunctionalComponent

I have created a wrapper on MUI TextField component i.e. TextFieldWrapper with custom stylings and validations. It is being in the app in many places. The probl

Proper way to use react-hook-form Controller with Material-UI Autocomplete

I am trying to use a custom Material-UI Autocomplete component and connect it to react-hook-form. TLDR: Need to use MUI Autocomplete with react-hook-form Co