Request for Help with Scroll Containers about react-scroll-parallax HOT 4 CLOSED

 const modalRef = useRef<HTMLDivElement>(null)
 
 ...
 
 
 <ParallaxProvider scrollContainer={modalRef.current as HTMLElement}>
 <div> .. </div>
 </Parallaxprovider>

const ScrollContainer = (props: { children: ReactNode }) => {
  const [scrollEl, setScrollElement] = React.useState<HTMLElement>()
  const ref = React.useRef<HTMLDivElement>(null)
  useEffect(() => {
    setScrollElement(document.body)
  }, [])

  return (
    <div className="your-scroll-container" ref={ref}>
      <ParallaxProvider scrollContainer={scrollEl}>
        {props.children}
      </ParallaxProvider>
    </div>
  )
}