I am working with backend value whos initial value comes to the UI as false or null. if the value is false or null, then my checkbox needs to be checked, and if
I am using setTimeout and its working but when I am typing continuously then also its blinking How I can solve It ? messageHandler(ev) { const message =
I try to make a responsive table to display fetched data from API in react.js. I designed a table but it is not responsive. <TableContainer > &l
This is version of material-ui that I am using : "@mui/icons-material": "^5.5.1", "@mui/material": "^5.5.1", This is how I imported Button component : import B
I want to remove the focus background color for the target dropdown <Dropdown options={branding} fullWidth id
I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i
I want to open a table tab in a new window to interact with the component separately. What's the best recommended method to do this functionality in React.js?
i am having issues while trying to build my storybook with rollup.js, in my react components i am using @mui/material and in their installation page its asked t
In createTheme function on MUI, in the palette section there is a "type" option. I have created two different palettes with type options dark and light as you c
I am trying to align the items in a div (that is within an MUI Select styled component): const SelectStyle = styled(Select)(({ theme }) => ({ width: WIDT
I've just started migrating from enzyme to react testing library on my project that uses material-ui. From what I understand, RTL queries the dom and the recomm
I'm new in React and a new dev in general; I know that there are many ways to style elements in React itself: importing CSS, locally scoped CSS modules, CSS-in-
I am trying to test a dialog with react testing library. This dialog contains a form I render with react hook form. This form has a single field with some valid
There are some issues I'm having while using the react-xarrows with mui. I'm trying to achieve: The line should be connected in the same position after toggling
I have this file and I'm trying to have a "group batten", and when I click on it, I have a list with ["Confirm Review", "Reject Invoice", "Assign to User"] and
I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains
I understand that ideally should be placed at the top of the page. However, Assume they are place in the middle of the page. When changing from a tab with a l
I have an e-commerce website and I added a cart icon in the navbar. When clicked, a MUI modal should open (and it does) but it doesn't close anymore. I also add
We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio
I am trying to use an editing API from "@mui/x-data-grid" and simply have editing on the cell and retrieve the new value. When I use onCellEditStop={(params: Gr