export 'HexAlphaColorPicker' (imported as 'HexAlphaColorPicker') was not found in 'react-colorful' (module has no exports)

[tulasinandan654]

Hi I have upgraded webpack version to 5.88.2 (latest version) and after that I am receiving this error. Can anyone help why I am receiving this typescript error?

ERROR in ./src/builder/components/ColorPicker/ColorPicker.tsx 184:34-53
export 'HexAlphaColorPicker' (imported as 'HexAlphaColorPicker') was not found in 'react-colorful' (module has no exports)
@ ./src/builder/components/WidgetConfigurations/Border.tsx 18:0-132 139:29-48 154:38-57 155:39-57 158:32-43 162:30-41
@ ./src/shared/widgets/Video/VideoUploadControl.tsx 17:0-72 113:38-44
@ ./src/shared/widgets/Video/index.ts 7:0-54 20:13-31
@ ./src/shared/widgets/index.ts 9:0-34 12:55-66 25:79-95
@ ./src/builder/scenes/SiteBuilder/WidgetsPanel.tsx 44:0-43 104:17-26
@ ./src/builder/scenes/SiteBuilder/SiteLandingPage.tsx 20:0-46 171:34-46
@ ./src/builder/scenes/SiteBuilder/SitelandingPageContainer.tsx 3:0-52 50:60-75
@ ./src/builder/routers/SiteRouter/SiteRouter.tsx 6:0-82 41:39-54 68:39-54
@ ./src/builder/routers/SiteRouter/index.ts 1:0-38 4:0-22
@ ./src/builder/routers/AuthenticatedRouter/AuthenticatedRouter.tsx 14:0-52 111:37-47
@ ./src/builder/routers/AuthenticatedRouter/index.ts 1:0-56 4:0-31
@ ./src/builder/Router.tsx 8:0-70 32:21-40
@ ./src/builder/App.tsx 13:0-30 45:46-52
@ ./src/builder/index.tsx 433:0-30 436:35-38