Missing unescaping when accessing prop with exotic name

[cknitt]

In v12,

module MyWeirdComponent = {
  type props = {\"MyWeirdProp": string}

  let make = props =>
    <p>
      {React.string("foo")}
      {React.string(props.\"MyWeirdProp")}
    </p>
}

compiles to

function make(props) {
  return JsxRuntime.jsxs("p", {
    children: [
      "foo",
      props["\\\"MyWeirdProp\""]
    ]
  });
}

let MyWeirdComponent = {
  make: make
};

(note the "\\\"MyWeirdProp\"") whereas in v11 it used to be correct:

function make(props) {
  return JsxRuntime.jsxs("p", {
              children: [
                "foo",
                props.MyWeirdProp
              ]
            });
}

var MyWeirdComponent = {
  make: make
};

[nojaf]

Smaller sample to reproduce:

type props = {\"MyWeirdProp": float}
let x =  { \"MyWeirdProp": Math.random()}
Console.log(x.\"MyWeirdProp")

Link

@cristianoc would this be a problem at the end in js_dump or something happened during optimization?

[cristianoc]

It could be the way the string is tagged, or the way js dump prints the prop name.