Error TS2567 when using this plugin in version 2.0.0

[hemmoleg]

Hi,

when I install this plugin and import it I get two errors:

Error: node_modules/chart.js/types/index.esm.d.ts:561:21 - error TS2567: Enum declarations can only merge with namespace or other enum declarations.

561 export declare enum UpdateModeEnum {
                        ~~~~~~~~~~~~~~

  node_modules/chartjs-plugin-zoom/types/index.d.ts:16:14
    16   const enum UpdateModeEnum {
                    ~~~~~~~~~~~~~~
    'UpdateModeEnum' was also declared here.

and

Error: node_modules/chartjs-plugin-zoom/types/index.d.ts:16:14 - error TS2567: Enum declarations can only merge with namespace or other enum declarations.

16   const enum UpdateModeEnum {
                ~~~~~~~~~~~~~~

  node_modules/chart.js/types/index.esm.d.ts:561:21
    561 export declare enum UpdateModeEnum {
                            ~~~~~~~~~~~~~~
    'UpdateModeEnum' was also declared here.

I am using chartjs 3.8.0.
When using version 1.2.1 of this plugin everything works. However I dont think thats a proper solution.
Has anyone else run into this issue?

[krisanselmo]

Hi. I have the same issue with chartjs 3.9.1 and typescript 4.6.4.
Thx for the temporary solution.

[danielmcquillen]

Same issue.

[CoooWeee]

The issue is that chart.js defines

export declare enum UpdateModeEnum {
  resize = 'resize',
  reset = 'reset',
  none = 'none',
  hide = 'hide',
  show = 'show',
  default = 'default',
  active = 'active'
}

export type UpdateMode = keyof typeof UpdateModeEnum;

Here in chartjs-plugin-zoom we want to extend that enum by the value zoom.
Currently, it is done via:

declare module 'chart.js' {
....
  const enum UpdateModeEnum {
    zoom = 'zoom'
  }

I remove the "const":

declare module 'chart.js' {
....
 enum UpdateModeEnum {
    zoom = 'zoom'
  }

This works fine for me with
typescript 4.8.4
chart.js 4.2.1
chartjs-plugin-zoom 2.0.0

[elinake]

Issue is replicated here: https://stackblitz.com/edit/angular-chart-js-a2tqkw?file=node_modules/chartjs-plugin-zoom/types/index.d.ts

When you click Zoom in Chart.register, you will see that UpdateModeEnum in chartjs-plugin-zoom has red squiggly line with error:

Enum declarations can only merge with namespace or other enum declarations.(2567)
index.d.ts(570, 21): 'UpdateModeEnum' was also declared here.

This project does build, however, in real projects it is often not even allowed to disable typescript entirely.

[yKicchan]

I have the same issue with chart.js 4.2.1 and typescript 4.4.4 too.