diff --git a/packages/react-simulator-renderer/src/renderer-view.tsx b/packages/react-simulator-renderer/src/renderer-view.tsx index a2c523596..9e7685aad 100644 --- a/packages/react-simulator-renderer/src/renderer-view.tsx +++ b/packages/react-simulator-renderer/src/renderer-view.tsx @@ -80,7 +80,8 @@ export class Routes extends Component<{ rendererContainer: SimulatorRendererCont function ucfirst(s: string) { return s.charAt(0).toUpperCase() + s.substring(1); } -function getDeviceView(view: any, device: string, mode: string) { + +export function getDeviceView(view: any, device: string, mode: string) { if (!view || typeof view === 'string') { return view; } @@ -126,8 +127,8 @@ class Layout extends Component<{ rendererContainer: SimulatorRendererContainer } @observer class Renderer extends Component<{ - rendererContainer: SimulatorRendererContainer, - documentInstance: DocumentInstance, + rendererContainer: SimulatorRendererContainer; + documentInstance: DocumentInstance; }> { startTime: number | null = null; diff --git a/packages/react-simulator-renderer/src/renderer.ts b/packages/react-simulator-renderer/src/renderer.ts index 7290759f1..db64f5b75 100644 --- a/packages/react-simulator-renderer/src/renderer.ts +++ b/packages/react-simulator-renderer/src/renderer.ts @@ -1,7 +1,7 @@ import React, { createElement, ReactInstance } from 'react'; import { render as reactRender } from 'react-dom'; import { host } from './host'; -import SimulatorRendererView from './renderer-view'; +import SimulatorRendererView, { getDeviceView } from './renderer-view'; import { computed, observable as obx, untracked, makeObservable, configure } from 'mobx'; import { getClientRects } from './utils/get-client-rects'; import { reactFindDOMNodes, FIBER_KEY } from './utils/react-find-dom-nodes'; @@ -466,7 +466,8 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { isEmpty: () => false, }; viewProps._leaf = _leaf; - return createElement(Comp, viewProps, children); + const View = getDeviceView(Comp, renderer.device, renderer.designMode); + return createElement(View, viewProps, children); }, }); }