multiple children error message (#31777)","revision":"0d67cc065157b2b98843cd1e2578b0969765c54b"},"body":"","parents":["2e25ee373d96a882cee9a1ee3d7fee3f498bde2d"],"files":[{"status":"M","path":"packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js"}],"patch":"diff --git a\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js b\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\nindex fe2e713d8a..9883ba4454 100644\n--- a\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\n+++ b\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\n@@ -3080,7 +3080,7 @@ function pushTitle(\n console.error(\n 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead.' +\n ' Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value' +\n- ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes.' +\n+ ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes.' +\n ' For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop' +\n ' is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n children.length,\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\nindex 9c91be1225..9dcd4c6945 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n@@ -5928,7 +5928,7 @@ describe('ReactDOMFizzServer', () => {\n pipe(writable);\n });\n }).toErrorDev([\n- 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length 2 instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n+ 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length 2 instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes. For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n ]);\n \n expect(getVisibleChildren(document.head)).toEqual(<title \/>);\n"}</article></body></html>

{"commit":{"authoredAt":"2024-12-14T17:32:58+00:00","authorName":"Brooke","shortRevision":"0d67cc0651","authorEmail":"samholmes1337@gmail.com","subject":"Fix `commong` typo in multiple children error message (#31777)","revision":"0d67cc065157b2b98843cd1e2578b0969765c54b"},"body":"","parents":["2e25ee373d96a882cee9a1ee3d7fee3f498bde2d"],"files":[{"status":"M","path":"packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js"}],"patch":"diff --git a\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js b\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\nindex fe2e713d8a..9883ba4454 100644\n--- a\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\n+++ b\/packages\/react-dom-bindings\/src\/server\/ReactFizzConfigDOM.js\n@@ -3080,7 +3080,7 @@ function pushTitle(\n console.error(\n 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead.' +\n ' Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value' +\n- ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes.' +\n+ ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes.' +\n ' For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop' +\n ' is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n children.length,\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\nindex 9c91be1225..9dcd4c6945 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n@@ -5928,7 +5928,7 @@ describe('ReactDOMFizzServer', () => {\n pipe(writable);\n });\n }).toErrorDev([\n- 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length 2 instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n+ 'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length 2 instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes. For example: <title>hello {nameOfUser}<\/title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}<\/title>.',\n ]);\n \n expect(getVisibleChildren(document.head)).toEqual(<title \/>);\n"}</article></body></html>

dillon1000/react

Files changed