allow hyphen in jsx prop names

Author: tsnobip

CHANGELOG.md

@@ -22,6 +22,10 @@
 
 - Fix variance setting for builtin `dict` type. Fixes issues around inference. https://github.com/rescript-lang/rescript-compiler/pull/6707 
 
+#### :rocket: New Feature
+
+- Allow hyphen in JSX prop names. https://github.com/rescript-lang/rescript-compiler/pull/6705
+
 # 11.1.0-rc.6
 
 #### :rocket: New Feature

jscomp/syntax/src/res_printer.ml

@@ -4410,6 +4410,7 @@ and printJsxProps ~state args cmtTbl : Doc.t * Parsetree.expression option =
   loop [] args
 
 and printJsxProp ~state arg cmtTbl =
+  let printIdentLike ident = printIdentLike ~allowHyphen:true ident in
   match arg with
   | ( ((Asttypes.Labelled lblTxt | Optional lblTxt) as lbl),
       {

jscomp/syntax/tests/printer/expr/expected/exoticIdent.res.txt

@@ -62,7 +62,7 @@ lazy \"let"
 let x = 1
 
 let x =
-  <div \"aria-foo"=\"type">
+  <div aria-foo=\"type">
     \"module"
     \"let"
   </div>

jscomp/syntax/tests/printer/expr/expected/jsx.res.txt

@@ -47,6 +47,11 @@ let x =
     {a}
     <B />
   </Foo.custom-tag>
+let x =
+  <custom-tag data-custom-state=true>
+    {a}
+    <B />
+  </custom-tag>
 
 let x = <div className="container" className2="container2" className3="container3" onClick />
 

jscomp/syntax/tests/printer/expr/jsx.res

@@ -17,6 +17,7 @@ let x = <A> {a} </A>
 let x = <A> {a} {b} </A>
 let x = <custom-tag className="container" > {a} <B/> </custom-tag>
 let x = <Foo.custom-tag className="container" > {a} <B/> </Foo.custom-tag>
+let x = <custom-tag data-custom-state=true > {a} <B/> </custom-tag>
 
 let x =
   <div