Empty payload body connect when recreating a repeatable component with the same relation

[stevensturkop]

Bug report

Required System information

• Node.js version:
• NPM version: 20.11.0
• Strapi version: 4.22.1
• Database: PostgreSQL
• Operating system: MacOS Sonoma 14.4.1
• Is your project Javascript or Typescript: Javascript

Describe the bug

When I delete a repeatable component, along with its associated relations, and subsequently recreate the identical component, I get an empty payload body connect: []. However, if I recreate the same component while selecting a different relation, the payload body connect: [new_relation] includes the newly chosen relation (video attached below)

Steps to reproduce the behavior

(see the screenshots for the content types structure)

1. Create a new shelves component
2. Add a title
3. Select a product relation
4. Save
5. Open the console and see the payload connect array containing the selected product
6. Delete the shelves component
7. Create a new shelves component
8. Add a title
9. Select the same product as previously
10. Save
11. Open the console and this time the payload connect does not contain the selected product

Expected behavior

At step 9 if you were to select a different product, then the connect payload would contain the newly selected product.
So I'd expect the connect array to contain whatever product was selected.

Screenshots

Current structure of the component:

Demo

Everytime I delete the component and recreate using the same relation, the connect payload is empty. However, as soon as I recreate it with a new relation, it is included in the connect array.

Screen.Recording.2024-04-17.at.12.51.45.mov