Unable to use @atlaskit toggle with custom UI

Hello all, I have been trying to use atlaskit toggle component in my forge custom UI app and have imported atlaskit/css-reset and atlaskit/toggle components. However the css does not get applied in the app and I see the following error in the console:

Refused to apply inline style because it violates the following Content Security Policy directive: “style-src ‘self’ https://unpkg.com/@atlaskit/tokens@0.10.30/css/atlassian-light.css https://unpkg.com/@atlaskit/tokens@0.10.30/css/atlassian-dark.css”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=’), or a nonce (‘nonce-…’) is required to enable inline execution.

Can anyone help me with this? Thanks.

1 Like