I'm trying to implement a functionality wherein after I click a button, a popup should open with some content, and once it is closed, the button should be permanently disabled. Now, I've implemented the same functionality for another button which…
We have a code stack with lots of legacy jQuery components. We're moving toward React, and one of the steps is wrapping jQuery with React. However, managing the state of a non-React child component like this doesn't seem to be…
I'm working on a React component with a form that sends a message using a custom hook. Despite using e.preventDefault() in the form's onSubmit handler, the page reloads every time I submit the form, which interrupts my debugging process and…
I'm trying to sort products by their price low-high or high-low, something I've done before in vanilla JS, but this time in React. I have a dropdown to chose the desired order and the actual function works but not in…
I'm working on a React project where I have a function that uses optional chaining and a try-catch block to assign a navigate function. I'm trying to write a Jest test to cover the catch block, but I'm having difficulty…
I encountered the following code in a project, where a custom string is created as a dependency for a useEffect hook: Defined refreshKey const refreshKey = [ pageIndex, filterActive, viewSetting, itemType, sortingValue, userLanguage, sortOrder, window.location.href, searchQuery ].join("_") The usage then:…
have been stuck on this for hours :( I have a hook, useCollection which is supposed to expose data fetched from my API and updated in realtime using a websocket. Works perfectly fine with just realtime, however id like to…
I'm studing React and got a question about 'Why React Hooks must be used inside function components' I wrote useContext outside of the function components by mistake, and got a error message. React Hook "useContext" cannot be called at the…
I here want to fetch all 'products' using react query BUT 'build process' fails when using custom hooks inside 'useQuery', so it throws error in 'build process' but it works perfectly fine during 'development server' const { data, isPending, isError,…
I am performing a heavy computation in React, and I (1) don't want the UI to block, and (2) want to display information about the process. I though that the useEffect hook was the right way to approach this, but I'm…