diff --git a/frontend/src/lib/components/apps/editor/component/Component.svelte b/frontend/src/lib/components/apps/editor/component/Component.svelte
index 748a04991b..129f1e2329 100644
--- a/frontend/src/lib/components/apps/editor/component/Component.svelte
+++ b/frontend/src/lib/components/apps/editor/component/Component.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
+	import { getContext } from 'svelte'
 	import ComponentInner from './ComponentInner.svelte'
 	import ComponentRendered from './ComponentRendered.svelte'
 	import type { AppComponent } from './components'
+	import type { AppViewerContext } from '../../types'
 
 	export let component: AppComponent
 	export let selected: boolean
@@ -11,13 +13,14 @@
 	export let overlapped: string | undefined = undefined
 	export let componentDraggedId: string | undefined = undefined
 
+	const { app } = getContext<AppViewerContext>('AppViewerContext')
 	export let moveMode: string | undefined = undefined
 	let everRender = render
 
 	$: render && !everRender && (everRender = true)
 </script>
 
-{#if everRender}
+{#if everRender || $app.eagerRendering}
 	<ComponentRendered
 		on:expand
 		on:lock