react-infinite-scroll-component
react-infinite-scroll-component copied to clipboard
No prop for customization of outer div
This provoke styling issue when the parent dom element need custom styles.
Here for example I tried to make the component width 100% but the class name is not apply to the outer div.

Yeah, this is painful. The workaround I did was adding a style like this to override it:
.infinite-scroll-component__outerdiv {
width: 100%
}
Prop will be great here
This prop is essential!
In case anyone still looking for this. To target outer div;
div:has(> .YourCustomInfiteScrollClassName) {
width: 100%;
}