Bug Report: \n in locales/*.json breaks extensions rendering

Extensions
1

Shopify CLI: 3.89.0
Node.js: v24.11.1
OS: Windows 11 / WSL / Ubuntu 22.04.5
Browser: Chrome 144
Environment: Happens in both dev and production
Extensions version:

    "@shopify/ui-extensions": "2025.1.3",
    "@shopify/ui-extensions-react": "2025.1.3",

en.default.json

{
  "home": "test\ntest"
}

main.tsx

import {
  reactExtension,
  useTranslate,
  TextBlock,
} from '@shopify/ui-extensions-react/customer-account';

export default reactExtension('customer-account.page.render', () => (
  <App></App>
));

function App() {
  const translate = useTranslate();

  return <TextBlock>
    {translate('home')}
  </TextBlock>;
}

image
image1890×726 46.1 KB

Working is \n is removed:
en.default.json

{
  "home": "testtest"
}

image
image1203×441 1.78 KB

2

Hi @p_y, thank you for reporting the issue and the detailed reproduction steps. We are able to reproduce and are tracking the issue on your end.