I am attempting to use the inputProps prop with the MuiOtpInput component from mui-one-time-password-input. I have set the inputMode attribute to "numeric" for each input field, aiming to display the numeric keyboard on mobile devices. Here's the code snippet I'm…
I'm facing an issue with a React component in my project where I have to click twice to correctly log the right-clicked variable during navigation. Here's a breakdown of the problem and my code: I have a React component that…
I was changing a state between renders and logging that value on every time the state changes via useEffect. I noticed my console is showing this error bellow: image of console showing the error. I'm not understanding why is it…
Im trying to keep the state of cart after add it Item to cart by using context and save it to localstorage. The add to cart function is work well and the cart also update item into it. Check LocalStorage…
I want to deploy my react application on github. I have a confusion while deploying it. Should i deploy both front end and backend separately? When i host the project, how to maintain connection to the mongoDb database i made…
I want to have an Autocomplete which supports if the initial value has id > 0 then I want the autocomplete to default to the object I have provided If the initial value has id <= 0 then I want…
I'm working on a React application, and I have a situation where I need to update a state variable using useState and then call a function that depends on the updated state. Specifically, I'm looking for a solution where the…
I am working on a React application using TypeScript. I have the following simple post method: import React, { useState } from 'react'; import axios from 'axios'; await axios.post('api/account/register', { FirstName: formData.firstName, LastName: formData.lastName, Username: formData.email, Password: formData.password, IsLocked: true,…
Using npm run dev throws an error when rendering the webpage on a brand new, untouched NextJS app. Used npx create-next-app@latest per the documentation to create the app. I've followed the docs to the letter. The app compiles fine, &…
How can I get the recently updated value of the dimensions object in the Navbar.js component in the Home.js component. I tried to pass a callback function as props to Navbar.js from Home.js (as Home.js is parent of Navbar.js) but…