Stack Overflow
Stack Overflow

Questions tagged [mui-x]

This tag should be used for questions regarding the MUI X library: a collection of advanced React components including a data grid and date and time pickers. This project is maintained by MUI.

Related tags

  • for questions that are React-related.
  • for questions that are MUI X Data Grid related.
  • for questions that are MUI X Date Pickers related.
  • for questions that are Material UI related, another open-source UI library by MUI.
  • for questions that are Joy UI related, another open-source UI library by MUI.
  • for questions that are Base UI related, another open-source UI library by MUI.
136 questions
0
votes
0 answers

mui for date picker is not working with styled component

I'm trying to use mui/x-date-pickers with styled-components (I am on React Typescript served from vite). I have followed the instructions from here: mui-styled-engine but it still does not work and I receive the following error: Could not resolve…
Nassim
  • 23
  • 5
0
votes
0 answers

MUI Autocomplete default vaule of the uncontrolled is changed after being initialized

I use MUI 5.12.0 and I got this warning after rendering. MUI: A component is changing the default value state of an uncontrolled Autocomplete after being initialized. To suppress this warning opt to use a controlled Autocomplete. The component is…
Yuri R
  • 311
  • 2
  • 9
0
votes
0 answers

Problem with deployment to Vercel in Next.js

I have Next.js project and I used @mui/material, ckeditor4-react and react-yandex-map. When I deploy project to Vercel I have errors with versions like This is my package.json file
Fazliddin Abdurakhmonov
  • 27
  • 4
0
votes
0 answers

MUI DataGrid access formatted values from getDetailPanelContent

My project requirements say that on mobile screens we should be able to show only 2 columns (to prevent horizontal scroll) and the rest of the columns should be hidden under Master Detail as a list of key value pairs. So I'm hiding all the columns…
Oleksandr Fomin
  • 2,005
  • 5
  • 25
  • 47
0
votes
0 answers

@mui/material-ui v5.13.3 theme.transitions.create('padding' ... ) breaks node.clientWidth /clientHeight calculation

I have this mui project with drawer on the left (fixed position), and webpage content on the right. When I clicked the button Click to hide/show drawer button it will hide/show the drawer with padding transition When the mui padding transitions…
yeln
  • 462
  • 2
  • 10
  • 23
0
votes
2 answers

How do I filter a nested array using "includes()" function in react

I have multiple user profiles similar to below... "user": { "firstName": "Joe", "lastName": "Bloggs", "userRole": [ { "id": 1, "name": "Role 001", }, { …
Steven Davisworth
  • 329
  • 4
  • 12
0
votes
0 answers

How are the textfields customized with MUIX version 6

We are migrating MUIX v5 to v6 & need to upgrade the DateRangePicker component. The documentation suggests to use slotProps to customize, but need help on how to customize the both textfields using new syntax. In other words how is startProps &…
Praveen Kumar
  • 21
  • 4
0
votes
0 answers

In React MUI X, Date Picker how to enable only last day of month

In React MUI X, Date Picker how to enable only last day of month. I do see there are options for disable of specific dates, month and year but not enable. Can someone help on this please
Kumar
  • 3
  • 4
0
votes
0 answers

MUI X Date Picker v5 LocalizationProvider first day of week

I want to set localization in app different to user's localization, in a way that first day of the week is always Monday, while everything else can be set based on user's localization. I'm using MUI DatePicker and I tried bunch of options. Code…
Rade Tomovic
  • 298
  • 2
  • 14
0
votes
1 answer

React MUI X Data Grid. Server side sortingMode returning empty array on unsort

So this seems to be by design (see this PR https://github.com/mui/mui-x/pull/7125/files ) but It's thrown a spanner in my logic that I can't get my head around. Basically when I call handleSortModelChange that updates my state and at the same time…
FFelizzi
  • 1
0
votes
0 answers

@material-ui/data-grid Use checkboxSelection but still select one row at a time when clicking on row

I am trying to select a row in the data grid but while having checkbox selection enabled when clicking on a different row it adds the row to the selection. I would like that behavior only when clicking on the checkbox. Is there a way to do single…
Andrés Vargas González
  • 41
  • 3
0
votes
0 answers

Can't render DatePicker in add new validators popup

When I cumstom a component that import { DatePicker } from '@material-ui/pickers and if I use Validation => add new Validators,the popup can't render the DatePicker and throw `caught Error: Invalid hook call. Hooks can only be called inside of the…
Hanshan
  • 21
  • 4
0
votes
1 answer

DataGrids suddenly stretched their parents to fit them in full capacity without the horizontal scrollbar

I initially thought that I had broken something, but after performing multiple tests on simpler models, I now realize that it is not me, but MUI v6 that has, in fact, changed something about the display of DataGrids Pro that include columns with a…
AdamJJ
  • 1
  • 1
0
votes
1 answer

How to display the name of Item in Material-UI Data Grid

Am using DataGrid from material UI react to display my data. my database is like this: this is my column code const columns = [ { field: 'user_id', headerName: 'User',flex: 1}, { field: 'item_id', headerName: 'Item',flex: 1}, {…
Edson
  • 109
  • 1
  • 7
1 2 3
…
9 10