hubspot ui-extensions upgrade to use Icon Component

Developer Support APIs & Integrations
,
1

Hi

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.

2

Hi, @Norgaard :waving_hand: 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

3

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
4

Another way to get around this problem is to run

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

5

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.