Rescript react ariaLabel prop is not getting transformed to "aria-label" in tsx

[Srikanth Kyatham]

Hi

I am using

"rescript": "^9.1.2",
"gentype": "^4.0.0"

When I write the binding like the following
module Tracker = { @genType.import(("tracker", "Tracker")) @react.component external make: ( ~ariaLabel: string=?, ) => React.element = "Tracker" }

The generated gen.tsx is

export const TrackerTypeChecked: React.ComponentType<{ readonly ariaLabel?: string }> = TrackerNotChecked;

I am expecting the gen.tsx to be
export const TrackerTypeChecked: React.ComponentType<{ readonly "aria-label"?: string }> = TrackerNotChecked;

I have followed the guidelines here https://rescript-lang.org/docs/react/latest/components-and-props#handling-invalid-prop-names-eg-keywords

DId I miss anything, please help

[Cristiano Calcagno]

I'm not sure the generated .bs.js treats aria the way you'd like to begin with.
It does treat aria in a special way when used for <div ariaLabel="..." />, not sure about externals.
Can you add some code that uses those externals see what the .bs.js for the use looks like?

[Srikanth Kyatham]

Hi @cristianoc

Here is the bs.js
React.createElement("header", undefined, React.createElement(Tracker.make, { currentStep: currentStep, steps: 5, ariaLabel: "tracker" })), React.createElement("main", undefined, children)); }

[Cristiano Calcagno]

See: "ariaLabel" is not modified in the JS.

[Srikanth Kyatham]

Hi

Yes I see it is not modified any other alternative approaches to this issue

[Cristiano Calcagno]

Can you ask in the forum? So the answer will be available to others.

[Cristiano Calcagno]

This is not about genType.

[Srikanth Kyatham]

Sure thanks I will

[Srikanth Kyatham]

I have posted in the forum https://forum.rescript-lang.org/t/rescript-react-arialabel-prop-is-not-getting-transformed-to-aria-label-with-non-dom-elements/1767