Passing children Snippet as property from +layout.svelte

[cdcarson]

I'm using Svelte 5. I have a shared layout component that's meant to be used by proper +layout.svelte components. The props look like this:

// lib/ui/page-layouts/SectionLayoutWithSidebar.svelte
type P = {
  children: Snippet;
  sidebar: Snippet;
  // other stuff
};
let { children, sidebar }: P = $props();

I've been using it like this...

<!-- routes/some/+layout.svelte -->
<script lang="ts">
  import SectionLayoutWithSidebar from '$lib/ui/page-layouts/SectionLayoutWithSidebar.svelte';
  let { data, children } = $props();
</script>
<SectionLayoutWithSidebar
  {children}
>
  {#snippet sidebar()}
    <ul>
      <!-- stuff -->
    </ul>
  {/snippet}
</SectionLayoutWithSidebar>

...that is, passing children as a prop rather than a snippet. This works fine (and seems a tiny bit nicer than doing {@render children(). But SvelteKit complains from the +layout.svelte:

<slot /> or {@render ...} tag missing — inner content will not be rendered

I'm fine with ignoring the warning or doing {@render children(). But one can, as of now, pass Snippets as props in Svelte 5. So, either:

• the SvelteKit +layout.svelte warning should be adjusted to account for the case, or
• Svelte should prevent Snippets from being passed as props.