Issue with ScrollTrigger pinning in Gatsby/React site
Hello,
I am experiencing this error: 'NotFoundErrror: Failed to Execute 'removeChild' on 'Node': The node to be removed is not a child of this node.'
Specifically when using the 'pinning' attribute.
Here is the code snippet being used in my component causing the error:
useEffect(() => {
panelRefs.current.forEach((panelRef, index) => {
// GSAPs default 'end' value. let endValue = 'bottom top';
// Unpin the last item right away so it doesn't cover the non-he
Hi @FrankRuiz,
Have you tried surrounding your pinnedRef with a <div> ... </div> ?
<div>
<VerticalSliderWrapper className="vertical-slider-wrapper" ref={pinnedRef}>
...
</VerticalSliderWrapper>
</div>
I have a similar issue when changing routes on react router, and this simple change fixed my problem.
Cheers
