Waipoint. Бесконечная загрузка следующей страницы только при изменении размера окна

Question

Я следил за учебником simpleisbetterthancomplex о том, как сделать бесконечную прокрутку, проблема в том, что когда я прокручиваю вниз, ничего не происходит, и следующая страница загружается только тогда, когда я нахожусь внизу, а страница изменяется размер или когда я открываю инспектор.

Это код шаблона:

{% block articles %}
    <section class="Posts-Section">
        <div class="infinite-container">
            {% if page_list %}
                {% for post in page_list %}
                    {% include 'forum/post_card.html' %}
                {% endfor %}
            {% else %}
                <p>Não há posts</p>
            {% endif %}
        </div>
        {% if page_list.has_next %}
            <a class="infinite-more-link" href="?page={{ page_list.next_page_number }}">More</a>
        {% endif %}
    </section>
{% endblock articles %}



{% block js %}
    <script src="{% static 'forum/js/topic_details.js' %}"></script>
    <script>
        const infinite = new Waypoint.Infinite({
            element: $('.infinite-container')[0]
        });
    </script>
{% endblock %}