I am using a real-time chart from tradingview.com but that chart is rendering two times at the starting and whenenever I am changing something in my code that chart in rendering again. Due to that there are multiple renders as…
I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…
When I create a react project using Vite, I encounter the following error when defining a prop. If I don't have this problem with create React App, why does this error occur? Maybe I have not installed a module? enter…
I am learning HTML and CSS. Some teachers say that you should use lots of divs and classes, while others say the opposite, advising not to use too many divs and classes. Which one should I use? examples: <section class="section-pricing">…
I have a react and next project which uses multiple pages with a similar structure. In each page we are using custom hooks to load data, so it looks something like: const theme = useTheme() const router = useRouter() const…
I'm using switch component from MUI, I want to toggle the styling between two colors <Switch color={dataType === "expenses" ? "error" : "secondary"} onChange={handleOnSwitch} checked={dataType === "expenses"} /> The problem is the color is applied only when the condition is…
I want to create a Rate limiting AWS WAF rule for my frontend application, I don't know how much threshold should I need to give because when page loads there is around 50 internal calls happening. Say 5000 people opening…
I can't seem to get the button component here to enable after the input fields are filled, it simply starts disabled and then stays that way. export default function Page() { const [newPassword, setNewPassword] = useState(''); const [confirmPassword, setConfirmPassword] =…
heres a pure js project here, a grid-less snake game and i try to rewrite it on react js. grid-less snake game, pure html,js im new to react and front end btw i just dont know where to start var…
This is the code I was using for the authentication front-end, but 2 days ago the following error appeared and I was asking myself how to fix the warning... but I couldn't figure it out how to solve it. Warning:…