Getting Unexpected token eslint error when using Gsap's ScrollTo plugin

Question

I installed @types/greensock and started using gsap with TypeScript . Everything works fine, but the ScrollTo plugin is giving this eslint error (image attached). Someone knows something about it? At least I want to be able to tell eslint to ignore this error.

Here is the eslint error:

Here is my .eslintrc :

{
  "extends": "eslint:recommended",
  "parser": "babel-eslint",
  "env": {
    "node": true,
    "es6": true,
    "browser": true
  }
}

Here is my code:

import { ScrollToPlugin } from "gsap/ScrollToPlugin";
import { gsap } from "gsap";
gsap.registerPlugin(ScrollToPlugin);

export const headerInteractionHandler = () => {
  document.querySelector("header .logo").addEventListener("click", (e) => {
    e.preventDefault();
    let element = <HTMLAnchorElement>e.currentTarget;

    gsap.to(window, {
      duration: 0.8,
      scrollTo: `${element.getAttribute("data-destination")}`,
    });
  });
};

Answer 1

I have been told in the GreenSock forum that I shouldn't be using @types/greensock as Gsap has built in support for TypeScript . So I deleted it, and I update my .eslintrc like below and the problem is gone.

{
  
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ]
}