ReactPaginate duplicate menus on build but not dev server

[CodeSpent]

<ul class="flex items-center justify-center space-x-4" role="navigation" aria-label="Pagination"><li class="previous disabled"><a class=" " tabindex="-1" role="button" aria-disabled="true" aria-label="Previous page" rel="prev"></a></li><ul role="navigation" aria-label="Pagination"><li class="previous disabled"><a class=" " tabindex="-1" role="button" aria-disabled="true" aria-label="Previous page" rel="prev">Previous</a></li><li class="next"><a class="" tabindex="0" role="button" aria-disabled="false" aria-label="Next page" rel="next">Next</a></li></ul><ul role="navigation" aria-label="Pagination"><li class="previous disabled"><a class=" " tabindex="-1" role="button" aria-disabled="true" aria-label="Previous page" rel="prev">Previous</a></li><li class="next"><a class="" tabindex="0" role="button" aria-disabled="false" aria-label="Next page" rel="next">Next</a></li></ul><li class="next"><a class="" tabindex="0" role="button" aria-disabled="false" aria-label="Next page" rel="next"></a></li></ul>

For some reason we can see that the ReactPaginate ul is being created for each expected li. This only occurs after a build, but will not be present in dev server.