React Component Interactivity Issues in UXP React Starter Template

Photoshop UXP Plugin API
, , ,
1

I’m working with the UXP React Starter template and trying to integrate the react-color-gradient-picker (git repo).

When I try to use it in react starter template, the component renders correctly inside the panel, but none of the controls respond — sliders don’t drag, color stops don’t update, and overall interactivity is completely static.

We’ve created a minimal reproduction repo here.

This seems like a broader issue with off-the-shelf React components not functioning as expected within UXP, even when using the recommended starter template. Before we commit further development to this stack, we’d like to understand if this is a known limitation or if there’s a workaround.

Any insights from the uxp team would be greatly appreciated.

2

Hello. I am using Vue. The starter template from Adobe for Vue also turned out to be non-functional in terms of control elements, such as inputs – their events do not pass the value, meaning event.target.value is always undefined . It’s possible that the same issue exists in the React template as well. I switched to Bolt UXP (Vite + Vue), and the problem disappeared. It seems there was a Vite + React template in Bolt UXP too.