Publishing a react component finishes successfully but the component is not updated correctly(with npm library) on the infinity 23 server

Blueprint and App Design
, , , ,
1

I am testing building custom react components using the React SDK for infinity 23. I tested building a basic template component which is publishing correctly and I can see the changes. However when I try to add an additional npm library e.g. react-photo-gallery (used to display a set of images in a galley style) to the page and publish the component, the component does not display the latest changes and appears to be still using the previous version. I have test the component locally using storybook and it display correctly. There are no errors on the publish log and it finishes successfully:

  √ Validate config schema                                                                                                                                                                                                        
  √ Lint React component                                                                                                                                                                                                          
  √ Validate config schema
  √ Lint React component
  √ Bundle React component (dev build)
  √ Update component map
  √ Lint associated component
  √ Map config to associated component
  √ Bundle associated component (dev build)
  √ Zip associated component
  √ Publish associated component
  √ Clean up associated
Success : Component successfully created in ruleset MediaCo:01-01-01
2

@AndreL16985682 I am assuming you followed the steps in :

Publishing Constellation DX components

Publishing the layout template

Check that the ConstellationSvcURL is not left blank in your application. You need to Configure Constellation Application Static Service in your organization and set it to Dynamic System Setting ConstellationSvcURL in the application to work with constellation custom components in the application.

Configuring Constellation Application Static Service

Constellation DX components

Constellation Pega UI static content delivery network (CDN) and customer application specific UI static content delivery service

Note that Custom component should be as an absolute last resort or for something completely novel. Check if the issue occurs with standard DX component builder tool code. You need React front-end development skills to both build and to support custom components. Any code created through DX component builder is your own code and is intended as a starting point for your custom component development.

Some more information exists in another forum question:

React SDK

Published DX Custom Component is not visible via App Studio

Issue in Configuring published DX API Component in APP Studio- Cosmos React / Constellation

Also see:

Cosmos DX Component for the React Naïve

We have received feedback that we can do a better job making published DX components easily visible from App Studio.

Once they get uploaded you can find them in the places that you would use them – e.g. the “display as” option for a field on a view, the list of widgets you are adding to a landing page, or the view templates you can use when creating.

We have gotten feedback that it would be helpful to see all published custom components somewhere in App Studio and are planning to add that functionality, although we cannot yet say what release that will be in.

@kitct would you be able to provide any further input on this issue?