no-unexpected-multiline and template literal with typescript

Tell us about your environment

• eslint 6.9.0
• node v11.6.0
• npm 6.9.0
• typescript 3.3.4

What parser (default, Babel-ESLint, etc.) are you using?

Not sure. I use CRA 3 without ejecting.

Please show your full configuration:

Configuration

{
  "extends": "react-app"
}

What did you do? Please include the actual source code causing the issue, as well as the command that you used to run ESLint.

function myTag<T>(...args): any {
  return undefined;
}

export const test = myTag<{
  field: boolean;
}>`
  test;
`;

The command:

eslint --ext js,ts,ts,tsx src

What did you expect to happen?

No eslint warnings will be raised

What actually happened? Please include the actual, raw output from ESLint.

./src/test.ts
  Line 5:  Unexpected newline between template tag and template literal  no-unexpected-multiline

But with

function myTag<T>(...args): any {
  return undefined;
}

export const test = myTag<{ field: boolean }>`
  test;
`;

No warnings are showing.

It especially frustrates when you are using styled-components and component have a lot of props, that will not fit the maximum line length.

[hardfist]

same issue, prettier will automatic format

export const test = myTag<{ field: boolean }>`
  test;
`;

to

export const test = myTag<{
  field: boolean;
}>`
  test;
`;

which will cause eslint error, which is verify frustrating

[aladdin-add]

Closing because there hasn’t been activity for a few days. If it still occurs, please file a new issue. thanks!