Skip to content

Returning plain string from component renders collapsed text nodes on server #10598

@laverdet

Description

@laverdet

Observed this on react@16.0.0-beta.5

import React from 'react';
import { renderToString } from 'react-dom/server';

const B = () => 'b';

console.log(renderToString(<div>{'a'}<B />{'c'}</div>));

This renders as <div data-reactroot="">a<!-- -->bc</div>. If you try to hydrate this you'll get the error: Text content did not match. Server: "bc" Client: "b".

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions