fix(es/parser): Support keywords as JSX member expression properties (#10701)

**Related issue:**

- Closes #10698

Author: magic-akari

.changeset/long-parrots-love.md

@@ -0,0 +1,6 @@
+---
+swc_ecma_parser: patch
+swc_core: patch
+---
+
+fix(es/parser): Support keywords as JSX member expression properties

crates/swc/tests/fixture/issues-10xxx/10698/input/.swcrc

@@ -0,0 +1,14 @@
+{
+    "jsc": {
+        "parser": {
+            "syntax": "ecmascript",
+            "jsx": true
+        },
+        "transform": {
+            "react": {
+                "runtime": "automatic",
+                "throwIfNamespace": false
+            }
+        }
+    }
+}

crates/swc/tests/fixture/issues-10xxx/10698/input/index.jsx

@@ -0,0 +1,15 @@
+const render = () => {
+    return <widget.component.type />;
+};
+
+const foo = () => {
+    return (
+        <widget.string>
+            <Foo.interface />
+        </widget.string>
+    );
+};
+
+const bar = () => {
+    return <widget:number></widget:number>;
+};

crates/swc/tests/fixture/issues-10xxx/10698/output/index.jsx

@@ -0,0 +1,12 @@
+var _require = require("react/jsx-runtime"), _jsx = _require.jsx;
+var render = function() {
+    return /*#__PURE__*/ _jsx(widget.component.type, {});
+};
+var foo = function() {
+    return /*#__PURE__*/ _jsx(widget.string, {
+        children: /*#__PURE__*/ _jsx(Foo.interface, {})
+    });
+};
+var bar = function() {
+    return /*#__PURE__*/ _jsx("widget:number", {});
+};

crates/swc_ecma_parser/src/parser/jsx/mod.rs

@@ -8,6 +8,7 @@ use swc_ecma_lexer::{
             buffer::Buffer,
             expr::{parse_assignment_expr, parse_str_lit},
             get_qualified_jsx_name,
+            ident::parse_ident_name,
             jsx::{
                 jsx_expr_container_to_jsx_attr_value, parse_jsx_expr_container,
                 parse_jsx_spread_child,
@@ -84,7 +85,7 @@ impl<I: Tokens> Parser<I> {
         };
         while self.input_mut().eat(&Token::Dot) {
             let _ = self.input_mut().cur();
-            let prop: IdentName = self.parse_jsx_ident()?.into();
+            let prop: IdentName = parse_ident_name(self)?;
             let new_node = JSXElementName::JSXMemberExpr(JSXMemberExpr {
                 span: self.span(start),
                 obj: match node {

crates/swc_ecma_parser/tests/jsx/basic/issue-10698/input.js

@@ -0,0 +1,14 @@
+<widget.component.type />;
+
+<widget.string>
+    <Foo.interface />
+</widget.string>;
+
+<widget:number></widget:number>;
+
+<a-b.type />;
+<a-type.c />;
+<a-type.type />;
+<type-type.type />;
+<type-b.type />;
+<type-type.c />;