Uncaught (in promise) Error: item doesn't belong to list paged.polyfill.js error

Question

I'm using PagedJS to add footers and headers to the html templates that we convert to PDF in our website. The code's been working fine for a week until this morning when this error keeps popping up.

Console Error

This is my code:

<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
        <script>
            class MyHandler extends Paged.Handler {
                constructor(chunker, polisher, caller) {
                    super(chunker, polisher, caller);
                }
                beforeParsed(content) {
                    // Chapters Counter
                    $("head").append(`
                        <style>body{counter-set: chapters ${content.querySelectorAll(".chapter").length};}</style>
                    `);                        
                }

                afterPageLayout(pageFragment, page){
                    //if pageFragment does not have a page class, delete it
                    if(pageFragment.querySelectorAll(".page").length == 0){
                        console.log("Hiding page!");
                        console.log(pageFragment);
                        pageFragment.setAttribute("style", "display:none;");
                    }
                }

            }
            Paged.registerHandlers(MyHandler);
        </script>

Any help would be greatly appreciated.