Error For Integrate ZCC SDK In project Code React And Express Js

Hi support,

After creating the entry ID and flow in the contact center management, I copied the script code and injected it into my app.js code like this:

useEffect(() => {
const script = document.createElement('script');

script.src="https://us01ccistatic.zoom.us/us01cci/web-sdk/chat-client.js";
script.async = true;
script.dataset.chatEntryId = "*******************************";
script.dataset.env = "us01";
script.dataset.apikey = "***********************";

document.body.appendChild(script);

return () => {
document.body.removeChild(script);
}
}, []);
However, it shows me an error in the screenshot. Please advise on how to solve this problem. Additionally, I'm encountering another error for the video call. The call is passed to the agent in the application, but upon response, an error is displayed in the screenshot. Here's the relevant code:

// useEffect(() => {
useEffect(() => {
// Create a script element
const script = document.createElement('script');

// Set script attributes
script.setAttribute('data-entry-id', '******************************');
script.setAttribute('data-env', 'us01');
script.setAttribute('data-apikey', '************************');
script.src='https://us01ccistatic.zoom.us/us01cci/web-sdk/video-client.js';

// Append the script to the head of the document
document.head.appendChild(script);

return () => {
// Clean up: Remove the script when the component unmounts
document.head.removeChild(script);
};
}, []);

Best Regards,
firas