topic Re: hubspot ui-extensions upgrade to use Icon Component in APIs & Integrations

hubspot ui-extensions upgrade to use Icon Component

Norgaard — Thu, 06 Jun 2024 10:12:30 GMT

Note that all older ui-extensions components work fine.

But, when I try to use the new Icon component:

import { Icon } from '@hubspot/ui-extensions';

I get

Module '"@hubspot/ui-extensions"' has no exported member 'Icon'.

I have this dependency in my package.json file

"dependencies": {

"@hubspot/ui-extensions": "^0.8.23"

}

I have tried to set it to "latest" but it is changed when trying to with npm i @hubspot/ui-extensions

I have tried:

npm i @hubspot/ui-extensions

npm upgrade

npm update

All response with

up to date, audited 14 packages in 828ms

When using "ToggleGroup" I used to get a lot of "readonly" is depricated, use "readOnly" message in the console - these are now gone, so something seems to have been updated.

But still not able to use the Icon component.

Re: hubspot ui-extensions upgrade to use Icon Component

Jaycee_Lewis — Thu, 06 Jun 2024 15:44:01 GMT

Hi, @Norgaard 👋 thanks for your question! I'd like to invite some of our community members to the conversation — hey @dsmarion @Anton @alyssamwilie have you experienced anything similar? Or do you have any troubleshooting tips for @Norgaard?

Thank you very much for taking a look! — Jaycee

Re: hubspot ui-extensions upgrade to use Icon Component

keurcien — Mon, 10 Jun 2024 13:32:45 GMT

Had the same problem also. The @hubspot/ui-extensions package belongs to the extensions app. You need make sure it is using the version 0.8.24, easiest way to do this is to uninstall the @hubspot/ui-extensions package and to reinstall it, from the src/app/extensions folder.

npm uninstall @hubspot/ui-extensions npm install @hubspot/ui-extensions

Re: hubspot ui-extensions upgrade to use Icon Component

aanchalshethHS — Thu, 13 Jun 2024 18:00:48 GMT

Another way to get around this problem is to run

npm install @hubspot/ui-extensions@latest from inside your src/app/extensions folder

Re: hubspot ui-extensions upgrade to use Icon Component

Norgaard — Thu, 13 Jun 2024 18:36:46 GMT

Thanks, everyone

I added this script to the package.json so I can easily update it in the future...

"update": "npm update && cd ./src/app/extensions/ && npm update && cd ../app.functions && npm update",

It updates all packages in Root, Extensions and Functions folders.