I am new to React/MUI, so a little help would be great. I have a Stack of TextFields, they are resizing with the screen width very nicely. <Stack direction="row" sx={{ margin: "16px" }} > <Stack sx={{ flexGrow: 1 }}> <Box…
I'm new in ReactJS. I have start working with the ReactJS using material ui 4 and ReactJS 17.2. I'm not able to take decesion which material date picker we need use.in my requirement I'm using input textbox with type date.…
I have a fixed element with dynamic height (changing when resizing the browser width ) like the example below : https://stackblitz.com/edit/react-yuqarh?file=demo.tsx the element working like a menu : it should be opened in first load (it work) hidden when user…
I am making sure that the rows is filled and defined before using, but why is the error coming, i am not able to understand , it is been a week now , i am stuck here, How to solve…
how to scroll when clicking in the selection menu TextField material ui? I found an example, you can scroll there if you replace it with select and set it via MenuProps, but this option does not suit me. I need…
I have a component that imports: import LogoutIcon from "@mui/icons-material/Logout"; import useLogout from "@/hooks/auth/useLogout"; const { trigger: logoutTrigger } = useLogout(); But where I use this component is here: <LogoutIcon type="button" onClick={logoutTrigger} sx={LogoutIconSx} cursor="pointer" /> And it all gets highlighted…
I am trying to dynamically add pairs of buttons and text fields and have the button perform some action on its corresponding text field. My specific use case is creating a 'User Settings' page where users can change a specific…
Recently, a new error started showing in my React application: ResizeObserver loop limit exceeded Seems that the general consensus is that the error is benign and there is nothing to worry about. However, I am not sure how to ignore…
I want to edit the grid only the number fields and when done editing all use the save button to send the array to the backend to get stored. I currenlty can´t exit the edit mode, when on the handleEditCellChange…
I'm trying to add a help icon inside a Select component, and would like to do something like this: <Select onChange={event => { ... }} value={mode} variant='outlined' > {modes.map(m => ( <MenuItem key={m.key} value={m.value} > {m.label} <IconButton onClick={() => {…