diff --git a/playground/src/components/BasicScene.vue b/playground/src/components/BasicScene.vue
index a06f0f39..5588c7f5 100644
--- a/playground/src/components/BasicScene.vue
+++ b/playground/src/components/BasicScene.vue
@@ -9,7 +9,7 @@ defineProps<{
 </script>
 
 <template>
-  <TresCanvas>
+  <TresCanvas :disable-render="true">
     <TresPerspectiveCamera
       :position="[5, 5, 5]"
       :look-at="[0, 0, 0]"
diff --git a/src/core/three/EffectComposer.vue b/src/core/three/EffectComposer.vue
index 60509d4b..20b45bc3 100644
--- a/src/core/three/EffectComposer.vue
+++ b/src/core/three/EffectComposer.vue
@@ -9,6 +9,10 @@ export const effectComposerInjectionKey: InjectionKey<ShallowRef<EffectComposerT
 </script>
 
 <script lang="ts" setup>
+const props = defineProps<{
+  withoutRenderPass?: boolean
+}>()
+
 const effectComposer: ShallowRef<EffectComposerThreejs | null> = shallowRef(null)
 provide(effectComposerInjectionKey, effectComposer)
 
@@ -35,11 +39,13 @@ watchEffect(() => {
   effectComposer.value?.setPixelRatio(pixelRatio.value)
 })
 
-watchEffect(() => {
-  if (camera.value && scene.value && effectComposer.value) {
-    effectComposer.value.addPass(new RenderPass(scene.value, camera.value)) // TODO prop that allows disabling automatically adding the render pass
-  }
-})
+if (!props.withoutRenderPass) {
+  watchEffect(() => {
+    if (camera.value && scene.value && effectComposer.value) {
+      effectComposer.value.addPass(new RenderPass(scene.value, camera.value))
+    }
+  })
+}
 
 const { render } = useLoop()