feat: support spell checking in JSX attribute

Author: Jack-Works

src/compiler/checker.ts

@@ -16098,7 +16098,10 @@ namespace ts {
                 const isPerformingExcessPropertyChecks = !(intersectionState & IntersectionState.Target) && (isObjectLiteralType(source) && getObjectFlags(source) & ObjectFlags.FreshLiteral);
                 if (isPerformingExcessPropertyChecks) {
                     if (hasExcessProperties(<FreshObjectLiteralType>source, target, reportErrors)) {
-                        if (reportErrors) {
+                        // Skip report relation error if there is diag with suggestion emitted
+                        // So the fixSpelling can work with JSX attribute suggestion
+                        const skipReport = isComparingJsxAttributes && errorInfo?.code === Diagnostics.Property_0_does_not_exist_on_type_1_Did_you_mean_2.code;
+                        if (reportErrors && !skipReport) {
                             reportRelationError(headMessage, source, target);
                         }
                         return Ternary.False;

src/services/codefixes/fixSpelling.ts

@@ -52,6 +52,12 @@ namespace ts.codefix {
                 suggestedSymbol = checker.getSuggestedSymbolForNonexistentModule(node, resolvedSourceFile.symbol);
             }
         }
+        else if (isJsxAttribute(parent) && parent.name === node) {
+            Debug.assertNode(node, isIdentifier, "Expected an identifier for JSX attribute");
+            const tag = findAncestor(node, isJsxOpeningLikeElement)!;
+            const props = checker.getContextualTypeForArgumentAtIndex(tag, 0);
+            suggestedSymbol = checker.getSuggestedSymbolForNonexistentProperty(node, props!);
+        }
         else {
             const meaning = getMeaningFromLocation(node);
             const name = getTextOfNode(node);