diff --git a/packages/react-client/src/__tests__/ReactFlight-test.js b/packages/react-client/src/__tests__/ReactFlight-test.js
index b954f32ecd674..ef9864200588a 100644
--- a/packages/react-client/src/__tests__/ReactFlight-test.js
+++ b/packages/react-client/src/__tests__/ReactFlight-test.js
@@ -1957,8 +1957,8 @@ describe('ReactFlight', () => {
});
expect(ReactNoop).toMatchRenderedOutput(
<>
-
-
+
+
>,
);
});
@@ -1981,8 +1981,8 @@ describe('ReactFlight', () => {
});
expect(ReactNoop).toMatchRenderedOutput(
<>
-
-
+
+
>,
);
});
@@ -2021,8 +2021,8 @@ describe('ReactFlight', () => {
assertLog(['ClientDoubler']);
expect(ReactNoop).toMatchRenderedOutput(
<>
- «S1»
- «S1»
+ _S_1_
+ _S_1_
>,
);
});
diff --git a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
index efa59d8605ed2..2b93c8f06e2b2 100644
--- a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
+++ b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
@@ -1553,7 +1553,7 @@ describe('ReactHooksInspectionIntegration', () => {
expect(tree[0].id).toEqual(0);
expect(tree[0].isStateEditable).toEqual(false);
expect(tree[0].name).toEqual('Id');
- expect(String(tree[0].value).startsWith('\u00ABr')).toBe(true);
+ expect(String(tree[0].value).startsWith('_r_')).toBe(true);
expect(normalizeSourceLoc(tree)[1]).toMatchInlineSnapshot(`
{
diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
index b4091511ee6b8..795a406690282 100644
--- a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
+++ b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
@@ -1082,7 +1082,7 @@ export function makeId(
): string {
const idPrefix = resumableState.idPrefix;
- let id = '\u00AB' + idPrefix + 'R' + treeId;
+ let id = '_' + idPrefix + 'R_' + treeId;
// Unless this is the first id at this level, append a number at the end
// that represents the position of this useId hook among all the useId
@@ -1091,7 +1091,7 @@ export function makeId(
id += 'H' + localId.toString(32);
}
- return id + '\u00BB';
+ return id + '_';
}
function encodeHTMLTextNode(text: string): string {
@@ -5415,7 +5415,7 @@ function writeBlockingRenderInstruction(
): void {
if (enableFizzBlockingRender) {
const idPrefix = resumableState.idPrefix;
- const shellId = '\u00AB' + idPrefix + 'R\u00BB';
+ const shellId = '_' + idPrefix + 'R_';
writeChunk(destination, blockingRenderChunkStart);
writeChunk(destination, stringToChunk(escapeTextForBrowser(shellId)));
writeChunk(destination, blockingRenderChunkEnd);
@@ -5433,7 +5433,7 @@ function writeCompletedShellIdAttribute(
}
resumableState.instructions |= SentCompletedShellId;
const idPrefix = resumableState.idPrefix;
- const shellId = '\u00AB' + idPrefix + 'R\u00BB';
+ const shellId = '_' + idPrefix + 'R_';
writeChunk(destination, completedShellIdAttributeStart);
writeChunk(destination, stringToChunk(escapeTextForBrowser(shellId)));
writeChunk(destination, attributeEnd);
@@ -5448,7 +5448,7 @@ function pushCompletedShellIdAttribute(
}
resumableState.instructions |= SentCompletedShellId;
const idPrefix = resumableState.idPrefix;
- const shellId = '\u00AB' + idPrefix + 'R\u00BB';
+ const shellId = '_' + idPrefix + 'R_';
target.push(
completedShellIdAttributeStart,
stringToChunk(escapeTextForBrowser(shellId)),
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
index e74e4bbe86b28..eacd86aa0687d 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
@@ -8,7 +8,7 @@ export const clientRenderBoundary =
export const completeBoundary =
'$RB=[];$RV=function(c){$RT=performance.now();for(var a=0;a {
? ''
: '') +
(gate(flags => flags.enableFizzBlockingRender)
- ? ''
+ ? ''
: ''),
);
});
@@ -4197,7 +4197,7 @@ describe('ReactDOMFizzServer', () => {
renderOptions.unstable_externalRuntimeSrc,
).map(n => n.outerHTML),
).toEqual([
- '',
+ '',
'',
'',
'',
@@ -4284,7 +4284,7 @@ describe('ReactDOMFizzServer', () => {
renderOptions.unstable_externalRuntimeSrc,
).map(n => n.outerHTML),
).toEqual([
- '',
+ '',
'',
'',
'',
@@ -4523,11 +4523,11 @@ describe('ReactDOMFizzServer', () => {
expect(document.documentElement.innerHTML).toEqual(
'' +
(gate(flags => flags.enableFizzBlockingRender)
- ? ''
+ ? ''
: '') +
'hello world!
' +
(gate(flags => flags.enableFizzBlockingRender)
- ? ''
+ ? ''
: '') +
'',
);
@@ -6519,11 +6519,11 @@ describe('ReactDOMFizzServer', () => {
? ''
: '') +
(gate(flags => flags.enableFizzBlockingRender)
- ? ''
+ ? ''
: '') +
'' +
(gate(flags => flags.enableFizzBlockingRender)
- ? ''
+ ? ''
: '') +
'