Explore

MUI DataGrid has an updateRows() method that I use to update some rows after I fetch more data from backend. The problem is that the table data is connected to a search field which can lead to the following bug happening; The user stops typing just long enough for the search query to go out The user starts typing again while data is being...

Using react.js. I have this custom component: import Tooltip from "@mui/material/Tooltip"; const HajkToolTip = ({ title, children }) => { return ( <Tooltip enterDelay={500} leaveDelay={50} disableInteractive={true} title={title ? title : ""} > {children} </Tooltip> ); }; export default HajkToolTip; And I wrap it around other elements which work fine, but for some reason it doesnt work with Tab. <StyledAppBar position="sticky" color="default"> <Tabs action={this.handleTabsMounted} onChange={this.handleChangeTabs}...

I've made some custom modifications to the Select component. It functions correctly in development mode but isn't applied in the built version. How can I fix it? I'm using @mui/material": "^5.14.18 import { MenuItem, Select } from "@mui/material"; <Select displayEmpty size={size} inputProps={{ "aria-label": "Without label" }} IconComponent={KeyboardArrowDownIcon} error={error} variant="outlined" sx={{ "& .MuiSvgIcon-root": { width: "1.125rem", color: "#9F9F9F !important", }, "& .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input": { padding: ".622rem...

When trying to start the 'Material UI Onepirate' template with 'pnpm start', I encounter an error stating that the 'BUILD_ID' file is missing. Even after installing all required pnpm dependencies, the error persists. I have checked the repository and confirmed that the 'BUILD_ID' file is not present. Despite attempting various commands and approaches, I have not been able to resolve the issue. I attempted...

this is my first time using material ui. i have created the navbar.js using material ui but the other component doesnt rendered in Component RootLayout.js import { Outlet } from "react-router-dom"; import NavBar from "../component/NavBar"; function RootLayout() { return ( <div> <NavBar /> <Outlet /> </div> ); } export default RootLayout; NavBar.js import { AppBar, Typography, Tabs, Tab, Toolbar, Menu, MenuItem, Icon, } from...

I have the following code. I want to be able to access the centralized animation value in the theme module so I can use it all over the app. const StyleNetworkIcon = styled(SignalWifiOff)(({ theme }) => ({ animation: 'beat 3s infinite', fontSize: 30, '&:hover': { opacity: 1, }, })); const useAppTheme = () => { const lightTheme = createTheme({ palette: { mode: 'light', //...