Angular jquery static method gives error like “Cannot read property 'add' of undefined”

In my angular code i put a decleration like below to use jquery gritter’s static methods.

declare global {
   interface JQueryStatic {
      gritter: {
         add(obj: any): JQuery;
      };
   }
}

When i use it like below i get some error code like “Cannot read property ‘add’ of undefined”

onDelete(id) {
    this.service.delete(id).subscribe((resData) => {
        if (resData == true) {
            $.gritter.add({
                title: 'Result',
                text: 'Data has been deleted.',
                sticky: false
            });
        }
    }, resError => this.errorMsg = resError);
}