I am building a project using next14.2.4 and mui5.15.20. Here are the parts of code I am getting problem at. theme.js "use client"; import { createTheme } from "@mui/material"; import { createContext, useMemo, useState } from "react"; //use different color…
I have many checkboxes, and use them to set table columns. It's look like const [fields, setFields] = useState<Set<string>>(new Set(["name"])); const handleChangeFilter = (event: ChangeEvent<HTMLInputElement>) => { if (fields.has(event.target.value)) { fields.delete(event.target.value) } else { fields.add(event.target.value) } setFields(fields) }; {filters.map((field) =>…
I want to remove minutes value that is not divisible by 15 in Material Ui TimePicker component. I am trying this approach but this is not working const shouldDisableTime = (timeValue) => { const minutes = timeValue?.$m; return minutes !==…
i am trying to make a linear gradient background with border radius with visible border. I tried multiple methods and i am stuck from yesterday. i put here my example code https://codesandbox.io/p/sandbox/unruffled-dawn-yrzg69?file=%2Fsrc%2FDemo.js%3A311%2C1 background works fine but i am not able…
I created a card in reactJS for ecommerce app. Add to cart button and increment or decrement button also work here in same card. when I click increment button, they perform work accurately and increment number one by one. When…
I am using React 17.0.2 and Material UI v^5. I want to use the material-ui-color package which does not seem to be compatible with React 18, so I downgraded to React 17. The material-ui-color package ALSO seems to require @material-ui/core…
Material UI version: "@mui/material": "^5.15.15", Here's the snippet code <TextField className="input-quantity form-input" defaultValue={0} name={"quantity"} type="number" InputProps={{ inputProps: { min: 0, max: 100, }, }} onChange={(event: any) => handleChange(e) } /> the input still can pass over 100, even to thousand…
When I use useMediaQuery from Material UI in my React app in the top level component (App) of my app, the query doesn't work (value doesn't update on window resize) and causes rendering issues (when using Chrome's dev tools mobile…
I am using accordion material-mui. at first all of accordions are opened. when I scroll the page and I reach to the second accordion, I want to close the first accordion and when I reach to the third accordion ,…
I am using Tooltip component from MUI in my customized TooltipComponent. TooltipComponent works similar to Dialog: user can see some content pop up after clicking (not hovering) on element (div with a text "CLICK" in my case). This content pop…