const [counter, setCounter] = useState(0); useEffect(() => { const intervalId = setInterval(() => { setCounter((prevCounter) => prevCounter + 1); }, 1000); return () => clearInterval(intervalId); }, []); const handleOpenModal = () => { showModal({ title: "Confirmation", key: `modal-${counter}-${Date.now()}`, content: ()…
I'm building an e-commerce page using React that includes various options stored in state, such as sortBy, itemsPerPage, and several interdependent categories. I want these state values to also be reflected in the URL as search parameters. I'm using React-Router's…
fontFamily not working. Am i must use the expo-font why? Also, when using expo, you need to specify the font name in the element, I do not want this. // react-native.config.js module.exports = { "assets": ["./assets/fonts/"], } // src/constants/fonts.ts export…
I want to display an alert pop-up when a form is submitted, but it is not working as expected. When I refresh the page, the alert pop-up does not hide itself; instead, it continues to display even after the page…
I'm experiencing a challenge with React Hook Form where my child component InputX re-renders every time there's an update in the parent component or other parts of the application, despite no changes in InputX itself. I’ve pinpointed that the re-renders are triggered by the…
Classic example and not clear why setter with direct value will not work setCount(count+1) application conts only 1 and stops counting however interval function is called every second if we put a log we can see it. const { useState,…
I am working with Tailwind CSS in a Nextjs project. I have tried a simple heading but styles are not being applied. Here is my full code on GitHub: https://github.com/mennaElbadry70/TailwindCss_practice I have checked the tailwind.config.ts file but the paths should…
console inside MyComponent print value for the first time but value dose not show on view. import React, { useEffect, useState } from "react"; const withLoading = (WrappedComponent) => { class WithLoading extends React.Component { constructor(props) { super(props) this.state =…
I'm following Jonas Schmedtmann's full-stack crash course, and everything is fine. But in this part, I'm receiving a React runtime error (TypeError: Cannot read properties of undefined (reading 'color')) while I'm coding everything that he codes. Error is related to…
I’m building a test app that connects to a server via WebSocket. The app crashes when I don’t use the WebSocket.close() function in the cleanup part of the useEffect hook. The app works fine when WebSocket.close() is included, ofc I…