Automatic vs. Manual Updates on Canvas: Understanding Property Change Behavior

[milindsakhare100]

When I change the values of transform properties, they automatically update on the canvas without needing to re-render the screen. However, when I change other properties like font color, font size, or fonts, I need to re-render the screen for the changes to take effect. Why is this happening, and how can I make these changes apply automatically?

  const transform = useDerivedValue(() => {
    return [
      { translateX: leftXTop.value },
      { translateY: leftYTop.value },
      { rotate: rotateText.value },
      { scale: scaleText.value },
    ];
  });

<Canvas>
<Group transform={transform}>
      <Paragraph
        paragraph={paragraph}
        x={1}
        y={0}
        width={longWidth}
      />
    </Group>
</Canvas>

[aisflat439]

I also want to know this!