Failed to load source maps in forge custom UI

Hi,

I am using custom UI on one of my forge apps. My custom UI resources are housed in a separate repo than my forge files (due to organizational policies). Once I build my UI resources via webpack they are referenced from the forge renderer via an external script tag. I have added my external repo location under the permission for external in my manifest.

environment:
  variables:
    - FORGE_APP_UI_URL
permissions:
  external:
    scripts:
      - address: ${FORGE_APP_UI_URL}

Though the built files are deployed and fetched without issues, I am not able to load source maps. The browser shows a warning that the source maps didn’t load due to a CSP violation even though the source maps are in the same location as my built code.

What config am I missing?

Note: I was able to load the source maps in the connect app with the same UI webpack build, so I am pretty sure the issue is not with webpack.