1. Version of the app
"dependencies": {
"@adobe/react-spectrum": "^3.42.2",
"@spectrum-icons/workflow": "^4.2.22",
"axios": "^1.6.1",
"react": "18.2.0",
"react-aria": "^3.30.0",
"react-aria-components": "^1.0.0-rc.0",
"react-dom": "18.2.0"
},
2. Platform and OS version: Desktop
3. Basic steps to reproduce the problem
- When mouse hover on the component, it throws Uncaught ReferenceError: process is not defined
4. Expected result and actual result
- The components should show the list of options and tooltip correctly.
Hi!
I am currently working on my company's Adobe express Add-on.
We've released the add on in the last year and now we want to update our Add on asap.
I found issues in adobe/react-spectrum during the development.
1. Tooltip component
<TooltipTrigger delay={0}>
<ActionButton
isQuiet={true}
onPress={() => HandleAvatar(item.key, page)}
height={"100%"}
>
{item.isActive && (
<Checkmark position={"absolute"} top={0} right={0} color={"positive"} />
)}
<img
src={GetAvatarImagePath(item.key)}
alt={`Avatar ${item.title} image`}
width={70}
height={70}
style={{ borderRadius: 8 }}
crossOrigin="anonymous"
/>
</ActionButton>
<Tooltip>
<img src={`URL`} alt={`Avatar ${item.title} image`} width={130} style={{borderRadius: 8, paddingTop: 3}} crossOrigin="anonymous"/>
</Tooltip>
</TooltipTrigger>
2. Picker component
<Picker
label="Choose a language"
items={speechLanguages}
selectedKey={speechLanguage}
onSelectionChange={HandleSpeechLanguage}
width={"100%"}
>
{item => (
<Item key={item.value} textValue={item.label}>
<Text>{item.label}</Text>
</Item>
)}
</Picker>
Those 2 components were working well in the last year but now it is not working 😞
I've tried several ways to resolve the issues but I couldn't find the way.
Could you please help me this ?
Thanks for your helping!