Cannot use {@render children(...)} if the parent component uses let: directives

[DanielCoder834]

I am kind of new to Svelte, and I am trying to use the latest version with the ComboBox provided by shadcn-svelte (thank you, this is an awesome resource). I get this error when I try to run my code. What would I have to do to resolve this issue? Thank you for any help on the manner.

[huntabyte]

What are you trying to use let: on? Would you mind providing a link to a repo with this issue so I can take a look, or copy your code here.

[DanielCoder834]

I copied and pasted the popover example, which is where the error is coming from (Thanks for the quick response):

<script lang="ts">
 import { Button } from "$lib/components/ui/button/index.js";
 import { Input } from "$lib/components/ui/input/index.js";
 import { Label } from "$lib/components/ui/label/index.js";
 import * as Popover from "$lib/components/ui/popover/index.js";
</script>
 
<Popover.Root portal={null}>
 <Popover.Trigger asChild let:builder> // This line 
  <Button builders={[builder]} variant="outline">Open</Button>
 </Popover.Trigger>
 <Popover.Content class="w-80">
  <div class="grid gap-4">
   <div class="space-y-2">
    <h4 class="font-medium leading-none">Dimensions</h4>
    <p class="text-muted-foreground text-sm">
     Set the dimensions for the layer.
    </p>
   </div>
   <div class="grid gap-2">
    <div class="grid grid-cols-3 items-center gap-4">
     <Label for="width">Width</Label>
     <Input id="width" value="100%" class="col-span-2 h-8" />
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
     <Label for="maxWidth">Max. width</Label>
     <Input id="maxWidth" value="300px" class="col-span-2 h-8" />
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
     <Label for="height">Height</Label>
     <Input id="height" value="25px" class="col-span-2 h-8" />
    </div>
    <div class="grid grid-cols-3 items-center gap-4">
     <Label for="maxHeight">Max. height</Label>
     <Input id="maxHeight" value="none" class="col-span-2 h-8" />
    </div>
   </div>
  </div>
 </Popover.Content>
</Popover.Root>