Unable to edit Content Security Policy for Shopify Hydrogen App

[pbal]

I created an app using npm create @Shopify/hydrogen@latest. However, I have been unable to make changes or add URLs to my app's Content Security Policy. I have read through the docs https://shopify.dev/docs/custom-storefronts/hydrogen/content-security-policy  and my code matches the code steps provided.

On entry.server.tsx:

const {nonce, header, NonceProvider} = createContentSecurityPolicy({

styleSrc: [

     "'self'",

      'https://cdn.shopify.com',

      'https://*.mailchimp.com',

    ],

  });

Adding, for example, adding 'https://*.mailchimp.com' here doesn't seem to do anything on my app. Is my formatting incorrect? Or what am I missing?

[Weaverse · Accepted solution]

You're adding mailchimp.com to the `styleSrc` directive. It will only allow loading stylesheet URLs. You might need to add it to `defaultSrc` or `scriptSrc` instead.

[pbal]

Ah I see. Thanks for the help. I ended up needing to use 'defaultSrc' and 'connectSrc' for what I was using in my app.