Category "material-ui"

How to export all the pages to CSV in MUI DataGrid?

I hava a DataGrid table from Material UI with more than 3000 rows, each page contains max 50 rows per page. What I want is to be able to export all the rows to

React Material UI Autocomplete, prevent OnInputChange, after selecting value from dropdown

How do I prevent React Material UI to not trigger onInputChange, when a person selects a option from the dropdown? After using the dropdown, it retriggers the A

Attempted import error: 'styleFunctionSx' is not exported from '@material-ui/system'

I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f

Attempted import error: 'styleFunctionSx' is not exported from '@material-ui/system'

I'm getting this error when attempting to npm start: ./node_modules/@material-ui/core/esm/Box/Box.js Attempted import error: 'styleFunctionSx' is not exported f

Error: Element type is invalid thrown by reactjs

for the code below in next.js index page import { Typography } from '@mui/material/Typography'; import { createTheme, ThemeProvider } from '@mui/material/styles

React MUI - Masonry mobile responsive

I'm new to react I'm trying to figure out how I can make a Masonry image grid - mobile resonsive. The idea is that I want the images to stack on top of each oth

Unable to center the content within a Material UI TableCell

I have TableCell which shows a status and a Button. I want them to be vertically stacked and centered in the cell. I am able to get either working separately bu

How do I link to another page in my MUI mini drawer sidebar?

I've tried to encapsulate my ListItem component with <Link to"/create> but it doesn't work, i've also tried using the history option but that confused me.

Where should the MUI X Pro license key be installed?

I have a next app and recently bought a license for MUI. Where is the appropriate place to place the following setter for the license info? Does it have to be i

React Material UI Select conditional rendering shows value as out of range

The use case is creating an order that has multiple order lines. I have two lists of Products: Preferred and All. Every item in Preferred is in All. I have a bo

How to use MUI to stack components on top of eachother?

I want a div that looks like this on Desktop: ------------------------------------------------------------------ | (icon) | (content)

MUI Lab Not Exporting AdapterDateFns

/** @license MUI v5.0.0-alpha.63 * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree

MUI Datagrid - TypeError: Cannot read properties of undefined (reading 'name')

Im using Material UI's datagrid to show some data in a table, I recently switched over to RTK query from redux for caching and to get rid of the global state ma

MUI Datatables Column Header Not Tidy

I was using MUI-Datatables in 2020, and I really satisfied with it so I want to use it again with my upcoming project. Lately, Material UI was upgrading and I t

Mui DataGrid Tab causes synthetic event warning

This is the code I used from material UI site. Every time I edit something, pressing ENTER or TAB will result in the following warning and won't proceed to nex

Unable to set theme in latest MUI v5 with ReactJS

I am building a small, simple Wiki for myself; just started learning React, although I've been working with JavaScript before. I cannot seem to set the theme. I

How to change input display style in Autocomplete

I'm using Autocomplete component from Mui. It has the default display style for multiple input values like this: . However, I hope to make it like how it would

How to dynamically change material ui icon depending on the backend response?

I have a table and in this table, there is a column named status, and in this column, three values are returned from the backend, which are "approve", "Review"

React prevent MUI Select from changing width in MUI Grid

I have an MUI grid setup with a variable number of columns. Currently, if the user selects a long string for the Select box, the Select grows, increasing the si

Material-UI-Search Bar value not clearing

I am using the @material-ui-searchbar to filter data. I'm using the same container for multiple different pages to display the info. When ever I switch between