I’ve been at this since yesterday. I tried using Bolt UXP but it doesn’t support React Spectrum. Then I couldn’t get anything to render just using create-react-app and some painful setup. Now I start a blank project with create-swc-uxp-react-app and that at least renders but then I get “The CustomElementRegistry already contains an entry with the same name.” when trying to add an .
I’m using InDesign 20.5.0. Are some of the Spectrum web components not supported? The documentation is all over the place and really unintutive.
Sincerely you should do vanilla styles with your own divs, for me was easier and I have more control over it. I don’t user either react or spectrum for my plugins and the customization is very wide.
I understand the goal of Spectrum Components to unify Photoshops UI but for us as devs and UI / UX limit the creativity a little bit too much. Working with customized UI with vanilla JS is harder and may take a little bit more work but, if you are passionate enough as I am is not a problem, actually is very fun! You should try it out!
I would say SWC is not for beginners. You could start with built-in spectrum components or make your own. Once familiar with understanding, then SWC would be easier. It is tricky to config and import.