I tried many ways to resolve this from cleaning cache to installing dependancies, like:- npm install --legacy-peer-deps npm install @reduxjs/toolkit react-redux npm install @reduxjs/toolkit react-redux --legacy-peer-deps npm cache clean --force npm install --save --legacy-peer-deps Then I tried to set legacy…
I have a DateTimePicker component that I'm trying to use in a form controlled by react-hook-form, the validation is really simple, using the disablePast prop on the DateTimePicker to ensure that the date selected is in the future. The issue…
The documentation of Mui states When close to a screen edge, a basic menu vertically realigns to make sure that all menu items are completely visible. This behavior is very inconvenient for the responsive pages I am writing since menus…
I have the following file theme.js I have 3 modes dark, classic and light. And I toggle the modes using the Buttons as mentioned in Home.js file import { createTheme } from "@mui/material"; import { createContext, useMemo, useState } from…
I'm trying to get data from the backend API and map it to the table but no data is appearing. If I console data I can see the data I need in an array. I would appreciate any help, I'm…
i created a listview in which i used the gero widget i have wrapped all the hero widgets and listview widgets in material but still I get this error and when i click the listtile it works properly but when…
Whenever , I try to run the code, I get below error. I am not using useNavigate anywhere. Error Folder structure
I have created my react js application using vite. and i am using npm. I installed material ui and my package.json file has these packages: "dependencies": { "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@mui/material": "^5.11.15", "@mui/styled-engine-sc": "^5.11.11", "@mui/x-data-grid": "^6.0.3", when i run…
The "renderValue" function is not working. I want to give the Select dropdown a custom placeholder but it doesn't work. Here's the Select component: <Select className={classNames({ error: !!error })} labelId={name} id={name} value={multiple ? value || [] : value} disabled={disabled} multiple={multiple}…
I'm currently working on creating a component library from Material UI using TypeScript and Rollup. I have successfully published the package, but when I try to import it into a new project, I am getting the following error: "Uncaught TypeError:…