Zendesk Apps Framework React Scaffold Garden Component ICombobProps is not exported error | Community
Skip to main content

Zendesk Apps Framework React Scaffold Garden Component ICombobProps is not exported error

  • October 20, 2025
  • 3 replies
  • 0 views

James57

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

3 replies

Ahmed11
  • October 21, 2025

Hi James,

I don't have this issue on version 9.11.3. trying bumping garden packages and see if it is resolved.


James57
  • Author
  • October 21, 2025

Hi @ahmed11 ,

I just updated the post to include package information and updated error information.  The Zendesk react-dropdowns package is the same as yours, 9.11.3.  I just ran pnpm update and it did update the version shown in the pnpm-lock file, but after restarting vite pnpm dev, I still get the exact same error.  Is there perhaps somewhere else I can check to confirm the actual version of the package being run ?


Ahmed11
  • October 22, 2025

Hi James,

I see now. The example on Garden website uses TypeScript. If you want to use Javascript you can remove the type in the following function:

const handleChange = useCallback < NonNullable < IComboboxProps['onChange'] >> (({ inputValue }) => {
...
}

Becomes

const handleChange = useCallback (({ inputValue }) => {
… 
}

Then you can remove IComboboxProps from imports, which is just a type definition.