如何在React Apex Charts中实现CSP且不使用unsafe-inline

我希望在React Apex Charts中实现内容安全策略（CSP），但不想使用unsafe-inline。以下是我当前使用的CSP配置代码：

const content = "default-src 'self'; img-src 'self' data: ; script-src 'self'; style-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com  https://fonts.gstatic.com cdn.jsdelivr.net 'nonce-random'; font-src 'self' data: https://fonts.gstatic.com ;  connect-src 'self' https://fonts.gstatic.com https://api.openai.com; manifest-src 'self'; base-uri 'self' ; form-action 'self'; frame-src 'self';";

我已尝试在配置中添加cdn.jsdelivr.net，但仍出现报错，且图例和提示框UI发生变形，相关错误信息及UI异常如下：

内容的提问来源于stack exchange，提问作者Muthu Kumar