https://reactjs.org/docs/web-components.html
The big issue is browser support. According to caniuse, IE and Edge simply have zero support while Opera and Safari have only partial compliance. The current Firefox ESR doesn't support it either (behind a flag).
The polyfill incurs a big performance hit and a lot of devs need to support those browsers for several more years.
Firefox, Safari and Chrome based browsers are perfectly fine.
Opera is based on Bink nowadays.
ESR is not something that I regularly see in the wild.
In any case, I was speaking that only see this anti-WebComponents attitude in the React community.
The Shadow DOM and Custom Elements are not that kind of green it should be.
Yes, it is possible to not use them; you can always make your life harder than necessary, you could also write an modern OS in assembly, for example, if you wanted to. If people are avoiding them today, one reason could be that they want their components to run in Safari.
Busywork, so Apple can hold their position. How nice. No, it is not "perfectly fine".
At least that is my understanding from Angular, Vue, Ionic, Svelte and plain VanilaJS point of view.