Exclude jsx attribute from javascript interior scope

data/fixtures/recorded/languages/javascript/changeInsideElement.yml

@@ -0,0 +1,24 @@
+languageId: javascriptreact
+command:
+  version: 7
+  spokenForm: change inside element
+  action:
+    name: clearAndSetSelection
+    target:
+      type: primitive
+      modifiers:
+        - {type: interiorOnly}
+        - type: containingScope
+          scopeType: {type: xmlElement}
+  usePrePhraseSnapshot: false
+initialState:
+  documentContents: "<p style={{ textAlign: \"center\" }}>Hello world</p>"
+  selections:
+    - anchor: {line: 0, character: 0}
+      active: {line: 0, character: 0}
+  marks: {}
+finalState:
+  documentContents: "<p style={{ textAlign: \"center\" }}></p>"
+  selections:
+    - anchor: {line: 0, character: 35}
+      active: {line: 0, character: 35}

queries/javascript.core.scm

@@ -59,11 +59,14 @@
 
 ;;!! { }
 ;;!   ^
-(_
-  .
-  "{" @interior.start.endOf
-  "}" @interior.end.startOf
-  .
+(
+  (_
+    .
+    "{" @interior.start.endOf
+    "}" @interior.end.startOf
+    .
+  ) @_dummy
+  (#not-type? @_dummy object jsx_expression)
 )
 
 ;; `name` scope without `export`