I tried wrapping the infinite scroll component around my mapped data and it worked but it caused a "hydration error" so I just put the infinite scroll at the bottom of the render and left it empty and it actually still works as intended 🤷♂️ I had to add the "children" property so I just put some curly braces with an empty string inside it.