Pagination breaking following update to Craft 3.7.X

Question

Craft is no longer handling my pagination properly. This follows an update from somewhere around 3.4 to 3.7.X.

{% set entries = craft.entries.section(sectionName) 
    .orderBy('postDate DESC')
    .relatedTo(relatedElement)
    .with ( ['thumbnail'] )
    .limit(10)
    %}

sectionName and relatedElement are set earlier in the template. I'm getting correct URLs, like:

• /blog/category/rens-nrens/
• /blog/category/rens-nrens/p2 and the route I have set up is working, but Craft keeps showing me the first page of results.

{% paginate entries as pageInfo, pageEntries %}

...

{% if pageInfo.totalPages > 1 %}
<div class="pagination">
More:
<a href="{{ pageInfo.firstUrl }}" title="First page of news">First</a>
{% for page, url in pageInfo.getPrevUrls(3) %}
  <a href="{{ url }}">{{ page }}</a>
{% endfor %}

<span class="active">{{ pageInfo.currentPage }}</span>

{% for page, url in pageInfo.getNextUrls(3) %}
  <a href="{{ url }}">{{ page }}</a>
{% endfor %}
<a href="{{ pageInfo.lastUrl }}" title="Last page of news">Last</a>
</div>  
{% endif %} 

...

{% set entries = craft.entries.section(sectionName) 
.orderBy('postDate DESC')
.relatedTo(relatedElement)
.with ( ['thumbnail'] )
.limit(10)
%}

{% for item in entries %}
various other bits...
  <p>{{ item.teaser }}</p>

{% endfor %}

{% paginate entries as pageInfo, pageEntries %}

Answer 1

According to your code, I think the issue is that you loop through entries instead of pageEntries.

<!-- Just set this query once. Rest is done by the paginate tag -->
{% set entries = craft.entries.section(sectionName) 
    .orderBy('postDate DESC')
    .relatedTo(relatedElement)
    .with ( ['thumbnail'] )
    .limit(10)
%}

<!-- here you set the paginate query. Use pageInfo for infos of the current page, the pageEntries gives you an object that contains the entries of the current page. So instead of "for entry in entries" you use "for entry in pageEntries" -->
{% paginate entries as pageInfo, pageEntries %}

<!-- Your pagination as it is, looks fine -->
{% if pageInfo.totalPages > 1 %}
  <div class="pagination">
    ...
  </div>  
{% endif %}

<!-- here you should loop through the entries you set in the paginate tag instead of a second query. Use the pageEntries (from {% paginate %}) object instead of entries, to show the entries for this page. -->
{% for item in pageEntries %}
  <p>{{ item.teaser }}</p>
{% endfor %}