AnnotationManager props do not apply to the variables

When creating annotations using the Script component such as this:

import { AnnotationManager } from 'playcanvas/scripts/esm/annotations.mjs';
...
<Script
  script={AnnotationManager}
  hotspotSize={200}
  opacity={0.5}
  hotspotColor={[0, 1, 0, 0.5]} // just example numbers
  hoverColor={[1, 0, 0, 1]}
/>

In this case, the hotspotSize is applying correctly, but the hotspotColor and hoverColor do not work.

Is there a better way to use this? The docs do not mention useScript, but I see that the Script component uses this under the hood.

I guess the real question is if Annotations should be created via the Script component, or manually created in useEffects in a custom script or similar.

Start with the AnnotationManager entry point in playcanvas/scripts/esm/annotations.mjs and trace how the Script component passes props, comparing hotspotSize with hotspotColor and hoverColor. Reproduce the issue with the provided Script example; it is done when both color props affect the created annotation or the supported usage is clearly documented.