A modern programming language that makes developers happier.

kotlinlang

I have kind of a weird issue, not sure if it's React, Kotlin, Accessibility, or a combination.
I have an `index.html` that looks roughly like
```&lt;html&gt;
&lt;body&gt;
&lt;main id="root"&gt;&lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;```
My React code mounts to the `main#root` element. When it does, I get an Accessibility error on the `main` element saying
&gt; Clickable elements must be focusable and should have interactive semantics
It looks like React might be adding click event handlers to the element it's mounted to. But since it's an empty main, there's nothing really to focus on or click on, it just happens that there's a click event handler registered.

How can I fix this accessibility error? Does it always happen to the mounted element? Can/should I ignore it?

Looks like a known React issue <https://github.com/facebook/react/issues/20895>