Web worker error on import

[GeneriicName]

using the following sample code, i get an error immedietly when creating a worker

importScripts('https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js');
importScripts('https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js');

self.onmessage = function(event) {
    
};

VM7:1 Uncaught SyntaxError: "[object Object]" is not valid JSON 
   at JSON.parse (<anonymous>) 
   at prism.js:1157:24
 (anonymous)	@	prism.js:1157

before proforming any other action but importing the lib, it does highlight though after that, but when ever i use the worker same error keeps popping up

the full web worker script

importScripts('https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js');
importScripts('https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js');

self.onmessage = function(event) {
    const { content } = event.data;

    if (typeof content === 'string') {
        try {
            const highlightedCode = Prism.highlight(content, Prism.languages.javascript, 'javascript');
            self.postMessage(highlightedCode);
        } catch (error) {
            self.postMessage({ error: error.message, stack: error});
        }
    } else {
        self.postMessage({ error: 'Invalid content type' });
    }
};

any help will be gratly appricated!