The scrollPosition prop of HOC trackWindowScroll always return "null"

[huynlx]

Bug description
The scrollPosition prop of HOC trackWindowScroll always return "null". I think it should return a object {x,y} ?

[Aljullu]

Hi @Huynh12345678, thanks for opening this issue! Can you try passing useIntersectionObserver: false as a prop? If it's set to true and the browser supports intersection observer, trackWindowScroll will default to null:

react-lazy-load-image-component/src/hoc/trackWindowScroll.js

Lines 121 to 123 in 0b2e6d8

	const scrollPosition = this.useIntersectionObserver
	? null
	: this.state.scrollPosition;

[huynlx]

Hi @Huynh12345678, thanks for opening this issue! Can you try passing useIntersectionObserver: false as a prop? If it's set to true and the browser supports intersection observer, trackWindowScroll will default to null:

react-lazy-load-image-component/src/hoc/trackWindowScroll.js

Lines 121 to 123 in 0b2e6d8

	const scrollPosition = this.useIntersectionObserver
	? null
	: this.state.scrollPosition;

Oh, so i don't necessarily use trackWindowScroll if the browser supports intersection observer ?

[huynlx]

Hi @Huynh12345678, thanks for opening this issue! Can you try passing useIntersectionObserver: false as a prop? If it's set to true and the browser supports intersection observer, trackWindowScroll will default to null:

react-lazy-load-image-component/src/hoc/trackWindowScroll.js

Lines 121 to 123 in 0b2e6d8

	const scrollPosition = this.useIntersectionObserver
	? null
	: this.state.scrollPosition;

And how to setState loaded from true to false when changing img src in the same component ?
Because i want it to rerun the effect when changing the img src on the same component

[Aljullu]

Oh, so i don't necessarily use trackWindowScroll if the browser supports intersection observer ?

If you only want to use LazyLoadImage or LazyLoadComponent, it shouldn't be necessary. react-lazy-load-image-component tries to use the native Intersection Observer because it's more performant.

trackWindowScroll is still there for compatibility with old browsers or in case you need to manually have access to the window scroll position.

And how to setState loaded from true to false when changing img src in the same component ?
Because i want it to rerun the effect when changing the img src on the same component

I would try setting a different key prop to the component, so React remounts it.

Hope it helps! 🙂