Question
IP Australia
AU
Last activity: 14 Aug 2024 5:54 EDT
Publishing a react component finishes successfully but the component is not updated correctly(with npm library) on the infinity 23 server
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
***Edited by Moderator Marije to add Pega Platform '23 product tags***
Accepted Solution
Updated: 14 Aug 2024 5:54 EDT
Pegasystems Inc.
GB
@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
@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
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:
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?