Most accessibility rules are thought for projects using native HTML components, and there’s no flexibility for projects using custom elements (aka web components), like the example below:
Please, keep in mind that JSX is NOT only React but is also valid for projects using StencilJS, same for roles and aria-* when using custom elements.