Hi Zendesk Developer Community,
I am working on building an app with the Zendesk React Apps Scaffold. I am using Garden styles and components. These all, or mostly, have been working wonderfully. Now I am trying to add a Multiselect field. If I add the Combobox and set isMultiselectable to be true, it is also working. The problem arises when I try to follow the example in Garden here and show the options after they are selected. The specific error happens with IComboboxProps, which is the following. It shows in the browser console:
Uncaught SyntaxError: The requested module 'http://localhost:3000/@fs/Users/liangjimi/Development/eastern-logic/user-fields-manager/node_modules/.vite/deps/@zendeskgarden_react-dropdowns.js?v=9c468d9d' doesn't provide an export named: ‘IComboboxProps’
I have searched through Slack, the Garden examples, and Github repos for the scaffold and garden components, but I was unable to find the same issue. I checked with the Developer community in Slack and wasn't able to make any headway either, here is the post - https://zendesk-platform.slack.com/archives/C1MKJQF5Y/p1738412103659919
I have tried some adjustments to versions, as well as using a yarn based framework rather than pnpm, but still encountered the same issues.
My current package.json in case it is an issue with the version (@zendeskgarden/react-dropdowns:^9.11.3)
{
"name": "react_js-template",
"private": true,
"version": "0.0.1",
"type": "module",
"scripts": {
"test": "vitest",
"dev": "vite --port 3000",
"watch": "vite build --watch --mode development",
"build:dev": "vite build --mode development",
"build": "vite build --mode production",
"lint": "eslint . --ext js,jsx --max-warnings 0",
"start": "zcli apps:server src",
"start:prod": "zcli apps:server dist"
},
"dependencies": {
"@zendeskgarden/css-bedrock": "^10.0.1",
"@zendeskgarden/react-buttons": "^9.5.1",
"@zendeskgarden/react-dropdowns": "^9.11.3",
"@zendeskgarden/react-forms": "^9.5.1",
"@zendeskgarden/react-grid": "^9.5.1",
"@zendeskgarden/react-loaders": "^9.5.1",
"@zendeskgarden/react-tables": "^9.5.1",
"@zendeskgarden/react-tabs": "^9.5.1",
"@zendeskgarden/react-theming": "^9.5.1",
"@zendeskgarden/react-typography": "^9.5.1",
"lodash.debounce": "^4.0.8",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"styled-components": "^6.1.14"
},
"devDependencies": {
"@testing-library/dom": "^10.4.0",
"@testing-library/react": "^16.2.0",
"@vitejs/plugin-react": "^4.3.4",
"eslint": "^9.19.0",
"eslint-config-prettier": "^10.0.1",
"eslint-config-standard": "^17.1.0",
"eslint-plugin-react": "^7.37.4",
"eslint-plugin-react-hooks": "^5.1.0",
"fast-glob": "^3.3.3",
"jsdom": "^26.0.0",
"prettier": "^3.4.2",
"vite": "^6.0.11",
"vitest": "^3.0.4"
}
}Does anyone have any experience using this garden component or suggestions on how to resolve?
Sincerely,
Jimmy Long