Relation lazy loading shows only ID instead of the configured entry title

[AndColla]

Bug report

Required System information

• Node.js version: v18.19.1
• Yarn version: 1.22.21
• Strapi version: v4.20.2
• Database: sqlite/postgres
• Operating system: linux-x64
• Is your project Javascript or Typescript: JS

Describe the bug

When I have a many-to-many relation with more than 5 elements, the related elements in the admin panel are lazy loaded. The first 5 elements are shown correctly with the entry title and their status (published or draft). If I load more elements with the load more button the new elements are shown only by their IDs.

Steps to reproduce the behavior

1. Create a many-to-many relation
2. Add more than 5 elements to the relation
3. Reload the page of the entry with more than 5 related objects
4. Click on "Load more"

Expected behavior

I should get the new elements with their status (published or draft) and their correct names.

Screenshots

[victorfreitas]

I've installed the new version of Strapi and created two types of collections with the relation component and got the same error.

Tested up with the latest version

• Strapi: 4.20.3
• Node: v20.11.1

Doesn't working on Strapi >= 4.19.1

Strapi 4.19.1 doesn't show the load more button

Strapi 4.20.0 shows the button again but with the bug

[dennism501]

Internal TIDs: 6146 6144