Category "react-hooks"

Is there a way to override what useMemo does to determine if there's a change?

useMemo(() => expensiveFunction(), [deps]) re-executes the expensiveFunction when the deps have changed. I was wondering... is there a way to control how Re

How is the video stream still making it to the peerConnection although I disabled it?

I'm working on a peer to peer webrtc project using react, hooks, and redux. When I make modifications such as disabling the video, I don't see it on the local v

React - .map returning not a function?

I was following this example: https://reactjs.org/docs/faq-ajax.html But my code is returning weather.map is not a function? function App(props) { const [wea

Should I use useImperativeHandle hook when needing multiple refs

I am building component(ThePieChart) where I need to perform quite a bit of DOM manipulation on its elements. Those manipulations I need to perform in parent co

React toggle theme and save it to localStorage and also toggling classes to the html body tag

Please take a look at my code the toggle button is working completely fine but I also want to save the toggle state to localStorage I have tried it so many time

How do I call useQuery in a map function?

I have the below react component which is removing products from a mongodb collection based on the items in the cart. I get this error when I run the code: Comp

Build a CRUD App with React Hooks and the Context API

I want to build a CRUD App with React Hooks and the Context API. my problem is in the EditUser component. when I click on edit button to edit user it doesn't sh

Infinite scroll with React Hooks (setState)

The React app I am doing is to practice fetch from Github's API with React Hooks. Code: https://codesandbox.io/s/lingering-sea-2cdkng When scrolling to the bott

Unit testing useRouter's isReady

I have a component, which takes a parameter from the url and displays it. I implemented it using useRouter's isReady property. Something like this: import { use

Uncaught (in promise) Error: Invalid hook call. - SPECIAL CASE

I know that hooks cannot be called from functions other than React Functional Components, this is a bit different. I have created some utility/service type func

How to make SWR only fetch data when user changes date values?

I'm trying to use SWR, and while it's awesome, it keeps fetching data over and over. I want it to only fetch data again when there has been change to the time i

React Hooks - Using useRef without direct access to HTML Element Code?

With React I'm inside of one repository, and the HTML elements are loading from another repo, which I watch for using pageLoaded. Inside updateHeader there is j

How to cleanup this fetchEvent function used in a useEffect hook? [duplicate]

useEffect(() => { const fetchData = async () => { await fetchEventSource(`/weborders/${agentId}/web_stream`, { method

ReactJS useState hook: Can I update array of objects using the state variable itself?

I have: const [list, setList] = useState([]); Somewhere in the component, I want to do: list[index][someKey] = some_updated_value; setList(list); Is this

How to communicate between sibling components in React

How to transfer props from one sibling to another, please? In main app I have only 2 siblings: Input: import React from "react"; const Input = () => { ret

Issues while trying to pass data from one page to another using Link from React-Router v6

I have the following Router: // index.js import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import history from "./history";

React app re-rendering and infinitely fetching data using axios

I'm a self-taught developer, almost entirely in native iOS apps. For a project of mine, I've hired a web developer to build a React web app (hosted by Firebase)

I want to change state of the component without reloading metro in react-native

so basically i have bunch of apps in my application as you can see in image In my app it check if application is installed or not, if its installed its shows op

react-bootstrap-table-next onclick(row) not providing correct key/value information

I'm attempting to add an onClick() event to a cell in a row so that I can get the keyField value for that row when the cell is clicked. This functionality worke

In react class based component this.setsate is used but state is not defined in constructor if I have to convert this in functional based then how

class Dashboard extends Component { constructor(props) { super(props) this.state = { assetList: [], assetList1: []; } } componentD