Passing Snippet to grandchildren

[hepiBatman]

I have template module (shown below) which should be unaware of any view being fed into it: Render1, Render2, etc. The view in this case is the grandchildView which needs to be passed down to GrandChildTemplate component. I utilise context but wonder if there is a better way to do it without context or passing props all the way down?

I don't mind if it is Svelte4 or Svelte5 solution.

// Render1.svelte
<ParentTemplate>{#snippet grandchildView()}<a>grandchild render1</a>{/snippet}</ParentTemplate>

// Render2.svelte
<ParentTemplate>{#snippet grandchildView()}<a>grandchild render2</a>{/snippet}</ParentTemplate>

// Render3.svelte
<ParentTemplate>{#snippet grandchildView()}<a>grandchild render3</a>{/snippet}</ParentTemplate>


// ParentTemplate.svelte
const {grandchildView} = $props();
setContext('grandchildView', grandchildView);
{#each children as child}<ChildTemplate {child} />{/each}

// ChildTemplate.svelte
{#each grandChildren as grandChild}<GrandChildTemplate {grandChild} />{/each}

// GrandChildTemplate.svelte
const grandchildView = getContext('grandchildView');
{@render grandchildView()}