syntax error occurred while using "createAsyncAction"

[zi-gae]

Description

did i make a mistake on my code?

---

Error

Syntax error: Unexpected token (48:18)

   46 |   LOAD_BLOCK_USERS_SUCCESS,
   47 |   LOAD_BLOCK_USERS_FAILURE,
> 48 | )<undefined, IData, AxiosError>();
                         ^

How to Reproduce

import axios, { AxiosError } from 'axios';

const LOAD_BLOCK_USERS = 'seoulgram/LOAD_BLOCK_USERS';
const LOAD_BLOCK_USERS_SUCCESS = 'seoulgram/LOAD_BLOCK_USERS_SUCCESS';
const LOAD_BLOCK_USERS_FAILURE = 'seoulgram/LOAD_BLOCK_USERS_FAILURE';

interface IData {
  total: number;
  items: Array<number>;
}
export const loadBlockUserRequestAsync = createAsyncAction(
  LOAD_BLOCK_USERS,
  LOAD_BLOCK_USERS_SUCCESS,
  LOAD_BLOCK_USERS_FAILURE,
)<undefined, IData, AxiosError>();

---

Project Dependencies

• typescript Version: "^3.8.2"
• typesafe-actions Version: "^5.1.0"

• tsconfig.json:

  {
  "compilerOptions": {
    "esModuleInterop": true,
    "strict": true,
    "types": ["react"],
    "baseUrl": ".",
    "lib": [
      "DOM",
      "ES5",
      "ES2015",
      "ES2016",
      "ES2017",
      "ES2018",
      "ES2019",
      "ES2020"
    ],
    "jsx": "react"
  },
  "exclude": ["node_modules"]
  }

---

Environment (optional)

• OS:MAC osx catalina
• Node Version: 10.15.3

[zi-gae]

I solved this error

Solution

Install the latest version of the babel or using the TypeScript Loader

ts-loader | awesome-typescript-loader