Property 'ej2_instances' does not exist on type 'Element'.' does not exist on type 'Element'

Question

Hi all,my work use kanban controller and i want to do thishttps://stackblitz.com/edit/wgeifm?file=index.ts but it's not work because **Property 'ej2_instances' does not exist on type 'Element'.' does not exist on type 'Element'**how to fix it. this is my code in angular and typescript      version is

Thanks and best regards

Gokulraj Devarajan · Accepted Answer

We have validated your query. The error occurs because the Element does not have the property of ej2_instances. You can create an interface that extends the Element interface and includes the ej2_instances. Please find the below sample for your reference.

Code Snippet:

import { Kanban, CardRenderedEventArgs } from '@syncfusion/ej2-kanban';
import { extend } from '@syncfusion/ej2-base';
import * as dataSource from './datasource.json';
/**
 * Kanban Default Sample
 */

// To maintain the property changes, extend the object.
interface CustomElement extends Element {
  ej2_instances: any[]; // Adjust the type of ej2_instances as needed
}
let data: Object[] = <Object[]>(
  extend([], (dataSource as any).kanbanData, null, true)
);
```
let isInitialRender: boolean = true;
function dataBound(): void {
  if (isInitialRender) {
    let card = kanbanObj.element.querySelectorAll('.e-card');
    for (var j = card.length - 1; j >= 0; j--) {
      ((card[j] as CustomElement).ej2_instances[0] as any).enableTailMode = false;
    }
    this.isInitialRender = false;
  }
}
function cardRendered(args: CardRenderedEventArgs): void {
  if (!isInitialRender) {
    (args.element as CustomElement).ej2_instances[0].enableTailMode = false;
  }
}

Sample:

https://stackblitz.com/edit/wgeifm-c9mnvx?file=index.ts