Subject: Custom Component Showing Raw Code in Production

Hi team,

I have a custom Pages Kit component that was working correctly until a few days ago. When published to production, the page now renders raw JSX/HTML code instead of executing normally. Inside the Pages Kit editor everything still looks and works fine — the issue only occurs after deployment.

We verified this is not related to the previous </script> escaping issue. The component code itself hasn’t changed since it was last working.

Live page: https://12inchapps.com/en/crm

Console output:

Uncaught SyntaxError: Invalid or unexpected token
crm:448  Uncaught SyntaxError: Unexpected end of input
crm:1428 Uncaught SyntaxError: Unexpected end of input
crm:2408 Uncaught SyntaxError: Unexpected end of input
crm:3388 Uncaught SyntaxError: Unexpected end of input
crm:4380 Uncaught SyntaxError: Unexpected end of input
$%7Bicon%7D:1  Failed to load resource: the server responded with a status of 404
dsbridge is not available
React Router caught the following error during render:
Error: Unable to get projectId from pathname

These errors appear only in production. It looks like the compiler or sanitizer may now be re-encoding template literals (e.g., ${icon}) or truncating the script, leading to incomplete bundles.

Could you please confirm if any recent changes were made to the Pages Kit compiler or production sandbox that could cause this?

The full component code is included below for review.

Thanks for taking the time to look into this,

12

The full code was to long to paste into so i made a github gist.

Invoice Manager