I have a hook that gets data from another hook const useIsAdult = () => { const data = useFormData(); return data.age > 18; } This hook returns true or false only, however the useFormData is constantly being updated. Everytime…
I have a api file that I would like to store all my api calls and use react query to call those api function, however I have some endpoint which are private and I use a custom hooks for that…
I am currently learning reactjs so I decided to build a react to-do list, am trying to toggle the display of a component but keep running into errors. Please what is the best way to toggle the display of the…
I have some code in a MERN stack app where users can enter another user's name into a search bar, and the webpage will return other properties of the user whose name they searched up. For example, if I search…
I was trying to convert my class-based component to function based component, which I wrote some while when I was learning REACT, while converting this, I got an error that isOpen is not the function which I kinda dint get…
I have a faceted search component that I am building. I am having trouble figuring out how and where to handle state. Solution #1 A parent component manages state - uses a reducer to manage all components and pass state…
Hello Stackoverflow community I am building a simple SPA using react. My navigation for the app would be a unauthenticated public page(like home/about/pricing etc) and a sign in button that the user will click on to be redirected into the…
I am rendering a product list from dummyjson getting response from api but showing products.map() is not a function const fetchData = async () => { const response = await fetch("https://dummyjson.com/products"); const data = await response.json(); return setProducts(data); } useEffect(()…
I am currently developing a site and I have made the logic for the login process so that the system automatically transfers the user to the home page as soon as the login process is completed, but when I try…
I have the following code and it is causing my Dashboard component to render a few times. How can I reduce it to only once? Dashboard const Dashboard: React.FC = () => { const { account } = useActiveWeb3React(); const…