Connection lines between rankings don't render properly.

[thinhhoangpham]

!--A clear and concise description of what the bug is.-->

When I implement LineUp in React to create ranking

To Reproduce

1. I create rankings either in code or read from json.
2. The page then displays the rankings horizontally with connection lines to trace the changing of an instance throughout rankings
3. There are over 10 rankings

Expected behavior

I expected the all lines between all rankings to render. However, only the lines connecting first 3 or 4 rankings are visible. I don't see anywhere in the api that allows me to change that behavior. I also looked at examples on LineUp.js website and see similar behavior.

Screenshots

Context

• Version: 2.5.3
• Browser: Google Chrome

Additional context