During the building of react native project. The app launched on the simulator, but after that getting a issue like this 'Termination Reason: DYLD 1 Library missing' also attached the screenshot fo...

I'm trying to debounce an onChange event when a user type in a input field. I'm referencing these threads: How can I perform a debounce? Set input value with a debounced onChange handler I have t...

I was in a impression that both useState and useReducer works similarly except the fact that we should use useReducer when the state is complex/nested objects. But today I found a strange behavior,...

const labelTypeMap = useMemo<Record<'between' | 'inner', string>>( () => ({ between: formatMessage({ id: 'addGroup' }), inner: '+', aaa: 123, // no error here }), [] ); As the...

Currently Im using functional component with react hooks. But I'm unable to test the useState hook completely. Consider a scenario like, in useEffect hook I'm doing an API call and setting value in...

I really like the new React hooks and I'm using them frequently for a project I'm working on. I'm coming across a situation where I want to use the prevState in the useState hook, but I'm not reall...

In React Query with TypeScript, I have this getRecommendations hook, that I want to only send the latestrecs (ill probably have another hook for watchlist etc). I get an error in the queryKey stati...

React 18 implements a new hook: useInsertionEffect. So with useEffect and useLayoutEffect, what is the order of these 3 hooks at component generation ?

I'm trying to use an event emitter with React useEffect and useState, but it always gets the initial state instead of the updated state. It works if I call the event handler directly, even with a s...

I'm trying to add a react-hook-form to my react.js project. The form is defined as: <form onSubmit={handleSubmit(onSubmit)} ref={submitRef}> //some input elements <div className='d-flex ...

According to the docs: componentDidUpdate() is invoked immediately after updating occurs. This method is not called for the initial render. We can use the new useEffect() hook to simulate comp...

So I have the following situation when using a useEffect that calls a functions that depends on state. Example: // INSIDE APP COMPONENT const [someState, setSomeState] = React.useState(0); const...

I am working through a tutorial where they are using a styled-component. The style is being assigned in the js file after the render and I am getting the Invalid hook call. This is my first react t...

What is the proper way to implement the "useEffect" front-end functionality in Next.JS server components? Tried to use useEffect in the server side but it does not work. Do the usage of a...

I understand the difference between a functional component and a class component, but what's the difference between const component to a functional component? e.g const Home = () => { return ( ...

I have a scenario where I need to detect the first render of a component. Here I have build a small example. Could someone explain to me what is the correct approach? Why do most of the people sugg...

Environment: React-Native 0.60.4 Problem: I'm developing chat app. The chat has emoji picker. Emoji picker must to has the same height that keyboard. I need to get the height of the keyboard be...

Does anybody knows what could be wrong with this component? import { useEffect, useRef } from 'react' import React from 'react'; const ModalShop = ({ isVisible, onClose }) => { if (!isVisible...

I'm trying to build list of forms based on array of objects, those objects have fields that should have the ability to be edited, and be rendered as inputs, and readonly fields that don't need to b...

Like the title says, the localStorage I set registers the changes made to the todoList array and JSON.stringifys it; however, whenever I refresh the page the array returns to the default [] state. ...

I am developing a react native expo project with firebase. I installed firebase with: "yarn add firebase" and when I import firebase/auth with OnAuthChanged I get the following error: As...

I will need a server-side table so after I saw react-table got 9k+ stars on github then decided to use it. I'm trying to build a React-Table which can make polling to a remote server every requeste...

Re-posting a similar question to my last because of a new issue. I'm trying to use context with hooks to manage authentication in my react app. I'm getting the error TypeError: Cannot destructure p...

React hooks introduces useState for setting component state. But how can I use hooks to replace the callback like below code: setState( { name: "Michael" }, () => console.log(this.state) ); ...

Why is an infinite loop created when I pass a function expression into the useEffect dependency array? The function expression does not alter the component state, it only references it. // componen...