One element of my website relies on the following .js code snippet:
items.add(
`field-${field.id()}`,
<div className="Mason-Field Form-group">
<label>
{field.icon() ? <>{icon(field.icon())} </> : null}
{field.name()}
</label>
,<div className="FormControl Mason-Inline-Answers">{answer_list}</div>,
</div>
);
On the website, the commas are present in the JSX just like they are shown in the output. It seems like an oversight during the conversion from hyperscript to JSX. Refer to the screenshot of the test post below:
I personally lack the capability to address this at the .js level. Is there a method to conceal the commas at the CSS level?