Broken Korean text in sandpack-react test error messages

[dmhuh]

Bug report

Packages affected

• sandpack-client
• sandpack-react

Description of the problem

When a test case fails and the test description is in Korean, the error message displays broken characters, as below:

What were you doing when the problem occurred?

What steps can we take to reproduce the problem?

1. Visit the Sandpack Preset playground on the Sandpack documentation site.

2. Change the test description in the code to Korean. (e.g., 덧셈의 교환 법칙)

3. Modify the test case to intentionally fail. Here is an example modification.

import { add } from './add';

describe('add', () => {
  test('덧셈의 교환 법칙', () => {
    expect(add(1, 2)).toBe(add(3, 1));  // This change will cause the test to fail
  });
});

4. Run the test to observe the error message with broken characters.

Link to sandbox: -

Your Environment

Software	Name/Version
Sandpack-client version	x
Sandpack-react version	2.1.10
Browser	Chrome
Operating System	MacOS