How do you populate very deeply neested media components?

System Information
  • Strapi Version: v4.1.5
  • Operating System: Linux
  • Database: postgres
  • Node Version: 16.14.0
  • NPM Version: 8.3.1
  • Yarn Version: N/A

This is one of the objects I want to populate completely:

That deeply nested “frame3” component gets loaded properly except for the image inside of the repeatable component!

                        "id": 1,
                        "__component": "frame.frame3",
                        "main_text": "Stuff",
                        "sub_text": "more stuff",
                        "images": [
                            {
                                "id": 1,
                                "brief_detail": "stuff",
                                "link": "more stuff",
                                "size": "small"
                            }
                        ],
                        "background": {
                            "data": null
                        }
                    },

This is the query I used to aggregate this data:

const query = qs.stringify({
    filters:{
      id: {
        $eq: storyId,
      },
    },
    populate: {
      populate: '*',
      zone: {
        populate: '*',
      },
    },
  });

  console.log(`${process.env.REACT_APP_strapiURL}/api/stories/?${query}`);

How would I go about populating that image? Why isn’t it showing up?