React: `data-reactroot =" "` потеряно при рендеринге сервера, если элемент внутри `<context.provider>`</context.provider>

Вы хотите запросить функцию или сообщить об ошибке ?

Ошибка.

Каково текущее поведение?

Вызов .renderToString() на <React.Fragment><div>Hello!</div></React.Fragment> дает <div data-reactroot="">Hello!</div> .

Однако многие другие комбинации корневого элемента DOM внутри «невидимых» элементов React отображаются без data-reactroot="" .

например, все следующие действия дают <div>Hello!</div> (без data-reactroot="" ):

<React.Fragment><React.Fragment><div>Hello!</div></React.Fragment></React.Fragment>

<Context.Provider><div>Hello!</div></Context.Provider>

<Context.Consumer>{() => <div>Hello!</div>}</Context.Consumer>

<React.StrictMode><div>Hello!</div></React.StrictMode>

Если текущее поведение является ошибкой, предоставьте шаги для воспроизведения и, если возможно, минимальную демонстрацию проблемы. Вставьте ссылку в свой пример JSFiddle (https://jsfiddle.net/Luktwrdm/) или CodeSandbox (https://codesandbox.io/s/new) ниже:

См. Выше.

Какое поведение ожидается?

Я предполагаю, что любой из приведенных выше примеров должен давать разметку, включая data-reactroot="" div элемента

Какие версии React и какой браузер / ОС подвержены этой проблеме?

Проблема присутствует во всех версиях> = 16.7.0, возможно, и в более ранних версиях.

Это незначительная проблема - я думаю, это повлияет только на то, где разметка регидратируется на стороне клиента, используя .render() а не .hydrate() - использование, которое не рекомендуется. Однако использование .render() для регидратации по-прежнему официально поддерживается.

Я могу внести исправление и сделать пиар. Но может ли кто-нибудь подтвердить, что ожидаемое поведение - это то, что я думаю, и что это действительно ошибка?