Category "material-ui"

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

What does sx={{'& > :not(style)': {m1}}} do in MUI 5?

I see them use this on their TextField page for having TextFields align correctly as the page gets smaller. What exactly does this css do? sx={{'& > :not

I get an error about "browserObject" on the console only in case of chrome in react app

I'm making an app with React. Only in Chrome, the following error is output both on localhost and after building and deploying. it is error. I did not find the

React MUI Autocomplete "options.filter" is not a function

I wish to create a autocomplete search bar with my own custom call to the backend, which searches through a list of tickers. <Autocomplete mu

How do I fit the entire content in one page when printing it to PDF?

I am using jspdf and html2canvas. Printing the component would make the footer go to the next page. How can I set this where it will dynamically resize to fit i

mat-icon text is showing in dropdown and icons in Angular

I tried using mat-icon in Angular in dropdown. But the text is shown first and after clicking dropdown it is showing the icons. I already tried importing in ind

if I have an array I want to open accordion Mui by map

enter image description here enter link description here This code is from MUI and look there please when you open the first accordion then you open the second

How to connect Material UI v5 to Next JS v12?

Recently, Material UI 5 was released. Previously (in Material UI 4), I used to connect it by modifying _document.js and _app.js. Is it the same for Material UI