Cleaning out shorthand html and class > className for JSX solution?

[darkmattericecoffee]

Hi there! Thank you for making an amazing UI library <3

In the documentation Preline is positioned as a library for react. I am venturing into the creating my first React app and I really want to use Preline with it. As I found out, in JSX it is necessary to write classes as className. Also we must have one root node to use in a component as all is being compiled into html. However, with all the components I need to clean out all of the shorthand tags such as </> <input </>, else the NPM won't compile..

Is this by design that the tailwind compents are HTML only and if so, are there any plans of creating JSX specific snippets that don't need to be cleaned for use with JSX? Or am I really missing something?

Looking forward to your insights!