Property 'on' does not exist on type 'ACPController[]'.

[peiris]

I'm trying to integrate this with a StencilJs component. I have the below code.

componentDidLoad() {
    AColorPicker.from('.kp-color-generator__form__color-chip', {
      color: this.defaultColorHex,
      palette: 'PALETTE_MATERIAL_CHROME'
    }).on('change', (picker) => {
      this.defaultColorHex = picker.color;
    });
  }

But Stencil build fails with a warning as below, with a highlight for .on(

TypeScript: src/components/kp-color-generator/kp-color-generator.tsx:24:8
           Property 'on' does not exist on type 'ACPController[]'.

     L23:    palette: 'PALETTE_MATERIAL_CHROME'
     L24:  }).on('change', (picker) => {
     L25:    this.defaultColorHex = picker.color;

[narsenico]

Hi @peiris try to use .createPicker instead of .from.
The method .from returns an array of ACPController and for some reason Stencil doesn't recognize on/off.
Instead .createPicker returns just one ACPController instance.