diff --git a/packages/frontend-dev-utils/src/createDevApp.test.tsx b/packages/frontend-dev-utils/src/createDevApp.test.tsx index 6624681152..5c0b21ab25 100644 --- a/packages/frontend-dev-utils/src/createDevApp.test.tsx +++ b/packages/frontend-dev-utils/src/createDevApp.test.tsx @@ -134,6 +134,11 @@ describe('createDevApp', () => { }); expect(createRoot).toHaveBeenCalledWith(root); }); + + const renderedNode = render.mock.calls[0][0] as any; + expect(renderedNode.props.children).toHaveLength(2); + expect(renderedNode.props.children[0].props.fallback).toBeNull(); + expect(renderedNode.props.children[1].props.children).toBe('Test App Root'); }); it('should throw a clear error when the root element is missing', () => { diff --git a/packages/frontend-dev-utils/src/createDevApp.tsx b/packages/frontend-dev-utils/src/createDevApp.tsx index 112901ed52..80cc95dc22 100644 --- a/packages/frontend-dev-utils/src/createDevApp.tsx +++ b/packages/frontend-dev-utils/src/createDevApp.tsx @@ -108,10 +108,12 @@ export function createDevApp(options: CreateDevAppOptions): void { ReactDOMPromise.then(ReactDOM => { const rootNode = ( - - + <> + + + {AppRoot} - + ); if ('createRoot' in ReactDOM) {