Category "material-ui"

How to remove in NextJS/React white spaces and non integer charcters when copy pasting a 2fa code inside a texfield input

I have a login that requires a 2FA authentication which is sent by email to the user. The code is long 6 digits. When a user copy-paste the code that appears as

MUI next Tooltip does not show on hover

I use Material-UIv1.0.0-beta.34 Tooltip with Checkbox and FormControlLabel, actually when I hover to the label on Checkbox in one case the tooltip shows as expe

Warning: Failed prop type: Invalid prop `item.icon` of type `object` supplied to `FuseNavVerticalItem`, expected `string`

I have a project to run a contracting company and in this project I am trying to create a Salaryscale, and I have this file that contains a set of fields But I

MUI DatePicker hangs on big date changes

MUI DatePicker (either from Labs or X) was working fine. I cannot work out what happened, but it now hangs if I want to change the date by ten years. It seems l

How to use Material-UI in asp.net mvc project

Is there a way of using Material-UI without having to go through installing all of the dependencies using NodeJS. I would love to use this in an ASP.NET Project

What is the difference between the different ways of importing material-ui components?

From reading the material-ui documentation and online examples, there seem to be different ways of importing the same item: import TextField from 'material-ui/

How to increase the font size for the Table component

I'm beginning to evaluate material-ui as an alternative for a project and I would like to know what is the recommended way to change the font size for a table.

Material-UI Can't resolve '@material-ui/core/styles/createMuiTheme

I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new po

How to change the font size of Chip of Material-UI

I have Chip widget const styles = { root:{ }, chip:{ margin: "2px", padding: "2px" } } const SmartTagChip = (props) =>{ const classes = us

Resizing columns bug in Material-UI X-Grid when using in RTL

Resizing columns does not work properly when using Material UI X-Grid component with RTL theme. Accepted- dragging the LEFT portion of the column separator to t

How to handle "outside" click on Dialog (Modal)?

My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what

Problem with styling MUI Slider with pure CSS

In vain I try to style the mui slider with the help of CSS. The first approach it works perfectly. However, when refreshing the page, the slider is moved back t

Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop

I'm trying to add a snackBar in order to display a message whenever a user signIn or not. SnackBar.jsx: import React from "react"; import PropTypes from "prop-

Types of parameters 'event' and 'event' are incompatible

I have a project, which is an employee monitoring project, and it has several components, and among these components is having a group of buttons together. I ha

material-ui icon button highlights with an elliptical background when cursor is hovered over it

IconButton in @material-ui/core/IconButton is showing a weird elliptical background when I hover the cursor over it. I thought it is a mistake by me, so I j

Could not find a declaration file for module 'react/jsx-runtime'

I am using material-ui in react with typescript template. All of my code is working fine but I am getting this error on multiple lines (not an error warning but

@mui/x-date-pickers UTC always, please

Using @mui/x-date-pickers I need to both display and edit in UTC. My stored data is also in UTC. I can wrap the value in a render function to force-display it i

Material UI Button - Align Ellipsis Label with Start Icon

I'm trying to set a start icon on a button and also the text label could be very long to use ellipsis at the end. I can't figure it out a way to align the start

Popper styled_default is not a function Mui 5.6.0 [material-ui]

After upgrading from @mui/material 5.5.0 to 5.6.4 my vite react-ts app doesn't run, throwing an error: styled_default is not a function by Popper.js, the popper

How to make reactjs website responsive using material-ui

I am working on reactjs project using material-ui. Web-page is working perfect on desktop layout but when I switch layout to responsive (mobile). Than all the t