I'm using NextJS and I have my components on different js files that come together under one js file on my "pages" folder (index.js). What I want to be able to
I have 2 themes, dark mode and light mode: import { styled, alpha, ThemeProvider, createTheme } from '@mui/material/styles'; //I use the dark theme only const
MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes? I was trying to do it using styled in MUIv5, bu
I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the backgr
I am pulling data from an API and appending it to TextFields where it is displayed. I need to be able to edit the data displayed in TextFields, but I a get thi
I would like to style on row based on a certain props of one row, here is the code : <MaterialTable className="ciao" title="One Detail Panel
I could not find anything related to this in the react material ui datagrid documentation here. I noticed you can add tooltips to columns via a "description" fi
I am using MUI v5 in my application along with react-d3-tree which renders SVG tree charts. It offers an API to include custom CSS class names in the <path&g
I have this problem upgrading my react application. Basically, I followed the damn mui-v5 documentation, and I still have some erros in my app.tsx file. import
I'm trying to test an Info HOC on my react app : const InfoHOC = (HocComponent) => ({ message }) => ( <> <Tooltip title={message}>
I have problem in mui/material v5.0.4 and ts v4.4.4 while using withStyles method. I get this error for using AntSwitch component: 'AntSwitch' cannot be used as
I want to stick last column and add scrolling effect in react mui table. I want last column to stick and previous 2 3 column will be scrollable. I have used mat
How to extend MUI component type with props and add extra props with minimum imported stuff? If possible without giving types to props, only to component itself
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
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
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
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
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
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
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