How to use custom UI react npms in confluence macros

Hey guys.

I’am trying to use a custom NPM with react components in a a confluence macro using forge with custom UI.
The npm i am using is the shards react npm. I installed in the static folder and then imported it in the App.js file. After using it and deploying the macro, the confluence page displays the components but strip down all the custom CSS from the npm.

Is there something that i am missing here?

Hi @brunom50, and welcome to the Atlassian Developer Community!

The Forge platform leverages the Content-Security-Policy - HTTP | MDN model to achieve its User interface security, which means you need to declare applicable features like inline CSS in your app manifest - refer to these sections for details:

1 Like