ElementComponent has a bug.

[GZL-1233211234567]

---

Could we add a custom handler in the "useComponent" to allow external functions to be passed in to handle each "useComponent"?
If this is done, users will be able to fix bugs by themselves, and at the same time, they can also perform secondary processing on some data.

[GZL-1233211234567]

Additionally, if element.type is not initialized when using addComponent, it is necessary to re-enable the entity of the element to ensure it displays properly. This issue occurs with useComponent.

    const screenEntity = screenRef.current;

    const imgE1 = new PcEntity('img1');
    imgE1.addComponent('element', {
      type: 'image',
      width: 500,
      height: 500,
      anchor: [0.5, 0.5, 0.5, 0.5],
      pivot: [0, 0],
      color: [1, 1, 1],
    });
    screenEntity.addChild(imgE1);

    const imgE2 = new PcEntity('img2');
    const img2 = imgE2.addComponent('element', {
      width: 500,
      height: 500,
      anchor: [0.5, 0.5, 0.5, 0.5],
      pivot: [1, 1],
      color: [1, 0, 0],
    });
    screenEntity.addChild(imgE2);
    img2.type = 'image';
    // img2 is invalid.

    imgE2.enabled = false;
    imgE2.enabled = true;
    // imgE2 is valid.