Why do I keep getting the errors of `Uncaught Error: Extension context invalidated.` and `React.jsx`

Hi there. I noticed that whenever I refresh the extension or do anything to it, the following errors just keep popping up. Please help! For context, I have checked all the imports and exports in my React code and don't see the "mixed up default and named imports" error suggested. After getting stuck for days, I don't know what else I can do to get them resolved. Error 1: Uncaught Error: Extension context invalidated. Error 2: Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s undefined You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check your code at content.tsx:64.

Solution:

Hi, if you are referring to the “Extension context invalidated”, this appears when you have a content script in the page and the background script was unloaded, this most often happens when you are using the ‘dev’ command which try to refresh the content scripts automatically. If you wish to not get those error anymore, there is a flag —no-cs-reload

Jump to solution