python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - intersection-observer

custom react hook returns default value in initial render

I made a hook for intersection observer but it is returning state as false in initial render and then returning true. my element is 100% visible to observer but I don't know why it is returning false ...
test-img

muller

javascript

reactjs

react-hooks

use-state

intersection-observer

Votes: 0

Answers: 1

Latest Answer

import React from "react"; const useIntersectionObserver = (options) => { const [isInterseting, setInterseting] = React.useState(false); const callbackfn = React.useCallback((entries) =...
test-img

shun10114

custom hook returns wrong value

I made a custom hook as my intersection observer but I'm getting false and true state at the same time and twice!, first false(twice) and second true(twice) why is this happening? why state changes it...
test-img

muller

reactjs

intersection-observer

react-custom-hooks

Votes: 0

Answers: 1

Latest Answer

Your component will render before the element is being observed by the Intersection Observer so it's expected that the state would be false on the first render (or first couple renders). This isn't re...
test-img

Spencer Wood

Load all images when intersection observer is not supported

I'm using intersection observer for late loading images. How can I load all images in browsers that don't support intersection observer? My script= const imob = new IntersectionObserver((entries, self...
test-img

awakening

javascript

intersection-observer

Votes: 0

Answers: 1

Latest Answer

Maybe a polyfill for IntersectionObserver? Adding fallback code if IntersectionObserver is not supported. if (!('IntersectionObserver' in window) || !('IntersectionObserverEntry' in window) ||...
test-img

Leyiang

Why is functional component nested function using a stale state value?

My component fetches and displays posts using infinite scrolling (via an IntersectionObserver). The API call that the component makes is dependent on the current number of fetched posts. This is passe...
test-img

Alex T

javascript

reactjs

closures

intersection-observer

use-ref

Votes: 0

Answers: 1

Latest Answer

You are creating a new IntersectionObserver on every render - not a good idea. However, only the first of all these created observers, the one you store in the ref (the ref that is never updated), is ...
test-img

Bergi

Posts

Questions

Blogs

Jobs