Cannot upload image to single component upon entry creation

System Information
  • Strapi Version: 4.5.0
  • Operating System: Ubuntu 22.04
  • Database: MySql
  • Node Version: 18.4.0
  • NPM Version: 8.12.1

Hi all,

I’m trying to upload an image upon an attendance entry creation and it has clock_in single component which has an image field.
Attendance entry also has an image field (directly attached to collection, not component).

I tried to follow this documentation

but the result is not as my expectation. The file attendance → clock_in → image is uploaded (can be viewed in media gallery) but not attached to the component.

Here’s the structure

|  clock_in
|  |  image // upload failed. FormData key -> files.clock_in.image
|  |  ...
|  image // upload works. FormData key -> files.image

I also tried key such files.clock_in[0].image but still get the same result.

Please advice