Consider I have a custom hook that uses one or more refs to DOM elements, I see two distinct ways how to write/use a hook like that (and I know there are probably even more nuances – e. g. ca...

I'm working on something in react and have encountered a challenge I'm not being able to solve myself. I've searched here and others places and I found topics with similar titles but didn't have an...

I'm not using typescript in my reactjs project, but I still want to document my components with JSDocs. The problem where is that I have a functional component with React.forwardRef and I want to c...

Why can't you pass a ref to a functional component in react? What is different in function components compared to class components that you can't pass a ref to it? Why is that not possible? Notes: ...

I am trying to create a component that will track the vertical scroll. The catch is – the actual scroll container is not easily predictable (in this specific case it is neither window, document nor...

I'm struggling to understand why the typescript compiler is unhappy with the forwardRef I'm using in a component. I've pared my code right down to the bare essentials for the example below, ensurin...

I am creating a component that will hold a dynamic list of elements and for styling reasons, I need to keep the title for each section in a sticky nav menu. As the user scrolls up and down the list...

I'm having a lot of trouble scrolling to the top of my Flatlist so any help would be greatly appreciated! Essentially it fetches the first 5 items from firebase, then when onEndReached is called w...

Question: I have a React functional component that recursively renders nested lists. That part is working fine. The part that I am struggling with is getting the divs that contain the nested lists ...

The correct way of passing refs to child components as per react documentation is like this: import React from 'react'; const Input = React.forwardRef((props, ref) => { React.useEffect((...

Here is an example of a mutable ref storing the current callback from the Overreacted blog: function useInterval(callback, delay) { const savedCallback = useRef(); // update ref before 2nd effec...

I'm trying to create a generic text input component for our application using react and typescript. I want it to be able to either be an input element or a textarea element based on a given prop. S...

I am getting the following error but I am not able to figure out how to fix it someone can help me out. Below is also the link on expo with the complete code. Error on <AppIntroSlider /> whic...

I am learning how to use forward refs here I have a FC where I need to initalize all my refs and then pass them down to it's children so I can get the canvas instances of some chartjs charts. Howev...

How would you go about storing Ref elements in Redux and would you do it at all? I have a component containing some form elements where I need to store the state of which field in the form the user...

"react": "^16.13.1" "react-transition-group": "^4.3.0" <React.StrictMode> <Router> <App /> </Router> </React.StrictMode> Hi, everyone. I faced with findDOMNod...

const Comp1 = forwardRef((props, ref) => { useImperativeHandle(ref, () => ({ print: () => { console.log('comp1') } }), []); return <div>comp1</div> }); const Comp2 = () ...

I have a table list where each row has a menu button, for which I need a ref. I am using react mui in my project and it's menu. I have tried creating the refs like this: const {rows} = props; cons...

I am trying to figure out how I need to use React.createRef() in react native with typescript as following code throws errors // ... circleRef = React.createRef(); componentDidMount() { this...

Normally, with props, we can write componentDidUpdate(oldProps) { if (oldProps.foo !== this.props.foo) { console.log('foo prop changed') } } in order to detect prop changes. But if we use Re...

I am using refs for access child component <MyComponent ref='_my_refs' ... /> and call them this.refs._my_refs.scrollToTop(); I get the error below Warning: Function components can...

I have an element with a ref that is defined and ends up getting rendered into the page : <div ref="russian" ...> ... </div> I want to access the DOM element properties like offse...

this is a question about using React refs inside of specs. specifically, I am seeing different behavior in my browser from what I see when run in the test. // app_container.test.js import React...

I have two components. A parent and a child. Inside the parent component I have a button. If the user clicks on that button I want to do a ScrollIntoView to another button inside the child componen...

Please refer to this URL in the React DOCS. A version of this code is also available here. I understand that inside a Functional React Component, it is preferred to use the useCallback hook to cre...