I'm new to TypeScript and I have been facing a typing issue and I have tried many ways but can't get it fixed. This is the error I'm getting: Argument of type 'string | number' is not assignable to parameter…
I have project with html + js files I want to style elements like autocomplete, spinner etc. I don't want to install any library/framework Which framework can I use only by link un the html tab? I need the most…
I want to display the validation error when user clears the selection. The sandbox link is https://codesandbox.io/p/sandbox/formik-autocomplete-yh3sl7?file=%2Fsrc%2FApp.tsx%3A1%2C1-84%2C1 When the form initial loads with default value. Clearing the value does not trigger the validation. Refresh the page. Click on submit. Clear…
I have a notification component that renders mui snackbar with alert. I want to show 3 notifications at a the same time under eachother. The problem is that when i try to close the second notification with clicking on the…
Got that log during the deployment process on Vercel: Installing dependencies... npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @material-ui/[email protected] npm ERR! Found: @types/[email protected] npm ERR! node_modules/@types/react npm ERR! dev @types/react@"^18" from…
I've googled this ad nauseum and haven't found a solution for my particular case. Please bear in mind I'm a total React newb. I have a MUI button that changes state based on whether or not the user has contributor…
I have prepared a simple test case at Github for my question: In my App.jsx there is following code: <NavDrawer /> <BrowserRouter> <Routes> <Route path="page1" element={<Page1 />} /> <Route path="page2" element={<Page2 />} /> <Route path="page3" element={<Page3 />} /> <Route path="*"…
I put file Input trigger on material-ui SpeedDialAction but its not working const hiddenAddReceipt = useRef<HTMLInputElement>(null); const hiddenAddPhoto = useRef<HTMLInputElement>(null); return ( <> <SpeedDial ariaLabel="SpeedDial basic example" sx={{ position: "absolute", color: "#fb8278", zIndex: 1 }} className={styles.addIcon} icon={<NoteAddOutlinedIcon />} direction={"right"} open={speedDialOpen}…
I'm trying to make my material ui textfield to accept the format of hh:mm:ss. What I mean is being able to change the numbers on hh mm and ss, while : are automatic. Any tips will be appreciated.
I have the following code that stopped working after the new Chrome update. How can I achieve cross-browser scrollbar styling? // Note: Shared Scrollbar Style const scrollbarSharedStyle = { scrollbarColor: `${themeLayers.scrollBar[0]} ${themeLayers.scrollBar[1]}`, '&::-webkit-scrollbar, & *::-webkit-scrollbar': { backgroundColor: `${themeLayers.scrollBar[1]}`, width: 12,…