Skip to content

TypeError: containerRef.current.firstChild is null #19

@jrichardsz

Description

@jrichardsz

If I mapping just the videos and tv shows I get this error when I try to access to the portal:

TypeError: containerRef.current.firstChild is null
useSlider/<
src/hooks/useSlide.js:25

  22 | if (containerRef.current && data) {
  23 | 
  24 |     const containerWidth = containerRef.current.clientWidth;
> 25 |     const itemWidth = containerRef.current.firstChild.clientWidth
     | ^  26 |     const totalInViewport = Math.ceil(containerWidth / itemWidth)
  27 | 
  28 |     setSlider(containerRef.current.children)

Movies/</<
src/components/Movies/index.js:43

  40 |     setRecentlyAddedMovies(response.recentlyAddedMovies)
  41 |     setPopularMovies(response.popularMovies)
  42 |     setAnimationMovies(response.animationMovies)
> 43 |     setHighestRatedMovies(response.highestRatedMovies)
     | ^  44 |     setWarMovies(response.warMovies)
  45 | 
  46 | })

Temp fix

Modify this line in the client to render just not null data

if (containerRef.current && containerRef.current.firstChild && data) {

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions