I am developing a React hook based functional application with TypeScript and I am using modal from ant design. I'm submitting a form through modal for a table. So, the modal will be called for mor...

I've tried using the "reset" function form react-hook-form but after submitting the input fields are not emptying. I don't know why exactly, I"m sure I"m missing something but c...

I have just began playing around with React hooks and am wondering how an AJAX request should look? I have tried many attempts, but am unable to get it to work, and also don't really know the best...

As you can see in my example const rootElement = document.getElementById("root"); ReactDOM.render(<App />, rootElement); function App() { const items = ["this", "that", "those", "t...

What is the difference between useMutationEffect and useLayoutEffect in term of usage? I have read all available material online including (but not limited to) Hooks Reference Blog post by Kent ...

const res = { results: { documents: [ { suggestion: 'tes1', }, { suggestion: 'test2', }, { suggestion: 'test3', }, { suggestion: 'test4', }, ], }, meta: { request_id: '0e6aa4da',...

"react-router-dom": "^6.0.0-alpha.5", I have tried nearly everything. I just want to mock this navigate() call from the useNavigate() hook. that's it. Simple. Nothing working. ...

const useSomeHook = ({number}) => { const [newNumber, setNewNumber] = useState(0) useEffect(() => { setNewNumber(number + 1) }, [number]) } const SomeComponent = ({number, value, ...res...

So I use react-query to handle API requests. Current problem is that when i try to submit form data, post request, mutation state is always idle, and loading is always false. I also use zustand for...

I looking for a solution about get an array of DOM elements with react useRef() hook. example: const Component = () => { // In `items`, I would like to get an array of DOM element let ite...

Most <input> elements use a value prop to set the value, and so they can be externally controlled by a parent. However <input type='file'> sets its value from a files attribute, and I'm...

I'm trying out the new React Hooks's useEffect API and it seems to keep running forever, in an infinite loop! I only want the callback in useEffect to run once. Here's my code for reference: Click...

I'm in the process of refactoring some of our components so I'm trying to incorporate memoization as some components may re-render with the same values (for example, hotlinked image URLs unless the...

I want to implement multiple checkboxes on my HTML page using react-hook. I tried implementing using this URL: https://medium.com/@Zh0uzi/my-concerns-with-react-hooks-6afda0acc672. In the provided...

In the docs it says that we should only call hooks at the top level of our components. Due to the API of useEffect, return is already reserved for the cleanup which made me wonder how I could early...

I am using VSCode, and when I add the line 'react-hooks/exhaustive-deps': 'warn' to my .eslintrc.js, I get the following in the ESLint output: Rules with suggestions must set the `meta.hasSuggestio...

useReducer is usually preferable to useState when you have complex state logic that involves multiple sub-values or when the next state depends on the previous one. useReducer also lets you optim...

I am creating a react wizard component, and want to pass data נetween parent and children using contextץ So I created a wizard, context, provider, and custom hook, but the issue is that if I try t...

I have a parent functional component <EditCard/> that is a modal opened when the edit table row button is selected. This edit card contains a state variable called data which consists of the ...

I have this specific need to listen to a custom event in the browser and from there, I have a button that will open a popup window. I'm currently using React Portal to open this other window (Popup...

I have this component: import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; function App() { const [count, setCount] = useState(0); useEffect(() => { docume...

I was going through the hooks documentation when I stumbled upon useRef. Looking at their example… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () =...

Here is my form looks like and also CodeSanbox. currently I'm using react-hook-form as you can see form has 3 inputs. Submit button should be disabled until all the required fields are entered. Tw...

How can I use react hooks and get query string value? with react class I use : const id = this.props.match.params.id;

I am trying to create a replacement of useState in next.js resilient to page refreshes. One of the possible solutions that came across was to use window.localStorage to save and retrieve the state....