Jsx namespaced name and attributes

[armano2]

Bug Report

🔎 Search Terms

• jsx
• ast
• syntax
• JSXNamespacedName
• typescript 4.2

🕗 Version & Regression Information

• This changed between versions 4.2.0 and 4.3.x

⏯ Playground Link

Playground link
typescript-eslint/typescript-eslint#3112

💻 Code

declare namespace JSX {
  interface IntrinsicElements {
    'this:b': any;
    'b:c': {
        x: any
    };
    'a:b': any;
  }
}

<a:b></a:b>;  // is working
<b:c.x></b:c.x>;  // should fail, there is no syntax error reported, and only issue is related to incorrect type
<this:b></this:b>; // its failing but there is no syntax error reported

🙁 Actual behavior

Invalid syntax is not reported as such.

this:b in AST is reporter as ThisExpression, and has range of this:b

when code above is run in preserve mode, this syntax is generated

<a:b></a:b>;
<b:c.x></b:c.x>;
<this></this>;

this syntax is not allowed according to spec

<b:c.x>

JSXMemberExpression :
    JSXIdentifier . JSXIdentifier
    JSXMemberExpression . JSXIdentifier

https://github.com/facebook/jsx

🙂 Expected behavior

We should receive some sort of error or this:b should be parsed as Identifier