diff --git a/src/renderer/extensions/vueNodes/preview/usePreviewStateProvider.ts b/src/renderer/extensions/vueNodes/preview/usePreviewStateProvider.ts
new file mode 100644
index 000000000..2c2840a7b
--- /dev/null
+++ b/src/renderer/extensions/vueNodes/preview/usePreviewStateProvider.ts
@@ -0,0 +1,14 @@
+import { computed, provide } from 'vue'
+
+import { NodePreviewImagesKey } from '@/renderer/core/canvas/injectionKeys'
+import { app } from '@/scripts/app'
+
+export const usePreviewStateProvider = () => {
+  // Provide reactive access to app.nodePreviewImages
+  // No need to duplicate data - app.nodePreviewImages is already reactive to changes
+  const nodePreviewImages = computed(() => app.nodePreviewImages)
+
+  provide(NodePreviewImagesKey, nodePreviewImages)
+
+  return { nodePreviewImages }
+}