Form’s nested field does not make the img display properly

[liugan2222]

Link to the code that reproduces this issue

https://github.com/liugan2222/demo

To Reproduce

Problem description: In add-raw-dialog component, there is an image upload function, and it references the sub-component item-image to realize the function, but now the image cannot be previewed normally after uploading. In item-form, item-image is also referenced to realize the same function, but item-form images can be displayed normally.

liugan2222/demo#1

Before uploading pictures：

After the image is uploaded：

React Component:

Current vs. Expected behavior

Please help me to realize that when add-raw-dialog is uploaded, the image can be previewed and displayed properly, thank you very much!

Provide environment information

“next”: “15.0.3”,
“react”: “^18.2.0”,
“react-hook-form”: “^7.54.2”,
“react-image-crop”: “^11.0.7”,

Which area(s) are affected? (Select all that apply)

Form (next/form)

Which stage(s) are affected? (Select all that apply)

Other (Deployed)

Additional context

No response