Custom data-attributes in JSX

Hi,

Disclaimer: I am new to Rescript world!

At my workplace we are creating a design-system that manipulates the behavior of a component using custom data-attributes that we add to JSX elements.

In the TypeScript/JavaScript world, it looks roughly like this:

const Component = () => <div data-custom-state="true" />

Unfortunately, I’ve tried several different ways to port this to a React component written in Rescript, and unfortunately, each time the compiler has a problem with declared data-attributes.

Without this functionality, I won’t be able to use Rescript at work, and I care a lot about it.

Is there a special syntax for using data-attributes in JSX in Rescript that I don’t know?

Thanks for any help/answers!