ForwardRef in Canvas consistently leads to unwarranted re-renders of child components

[nhutruong-arent]

Esteemed community,
I am currently facing an issue where the subordinate component, "Cube," consistently undergoes re-rendering twice, resulting in the warning message: "[Violation] 'requestAnimationFrame' handler took XXXms." In contrast, the parent component, "Scene," is rendered only once. My investigation, conducted via the Profiler tool, indicates that the root cause lies within the "ForwardRef" implementation in the "Canvas" component, as depicted in the diagram below. At present, I am uncertain about the appropriate course of action to rectify this issue and humbly request your assistance. Your support is greatly appreciated. Thank you.

Scene Component

Cube Component

Profiler