im trying to update data in mern stack application and i found that the formdata is empty and i wonder why ! i get all the value and pased them in function update to update the data and then i…
I'm trying to execute a function if the user presses the key presented in the component props const triggerFunc = (e) => { if(e.key == props.key) { clickFunc() } } React.useEffect(() => { document.addEventListener('keydown', triggerFunc) return () => { document.removeEventListener('keydown',…
I tried adding node seedApp.ts in here before it tries to run my React app but I get Cannot use import statement outside a module "web-dev-test-manually": "NODE_ENV=localApp node seedApp.ts && yarn lint && yarn copyData && yarn compile-server && yarn…
I have app where I get some data from the API. Then I put this data into array named "data". Then this "data" array is converted to array of components named "elements" (array with child components generated by data from…
I have the following enum: enum Animes { OnePiece = 'One Piece', Naruto = 'Naruto', Bleach = 'Bleach' } What is the best way to convert this enum to a Set?
I have used firebase to authenticate a user inside my app. However getting their metadata to show last sign in date and account creation data has been a hassle. The documentation here doesn't help much. Is quite confusing. I know…
At present, we are having no conditions to load CSS files. So, we are importing the required .scss files statically in styles.scss file that we have. But now, we have to load different scss files(themes) in the same styles.scss file…
I'm having some troubles at the time to execute my Visual Studio Code project on browser. Error. export 'default' (imported as 'Redux') was not found in 'react-redux' (possible exports: Provider, ReactReduxContext, batch, connect, createDispatchHook, createSelectorHook, createStoreHook, shallowEqual, useDispatch, useSelector, useStore)…
When validation fails, I want the error message and TextField to look this way: Desired result image. So far, using MUI, I'm getting close to the desired result. Here is where I'm at: My progress image, but I'm not sure…
Code: export const HomePage = (): JSX.Element => { const refContainer = useRef<HTMLDivElement>(null); const [scrollY, setScrollY] = useState<number>(0); const { current: elContainer } = refContainer; const handleScroll = useCallback(() => { if (elContainer) setScrollY(elContainer.scrollTop); }, []); useEffect(() => { document.addEventListener("scroll",…