Skip to content

asyn svelte ReferenceError: $$ownership_validator is not defined #16448

@zhihengGet

Description

@zhihengGet

Describe the bug

issue with shadcn-svelte 's dialog component, if bind is removed then it works - error $$ownership_validator is not defined

Reproduction

https://stackblitz.com/edit/sveltejs-kit-template-default-dc4cvgmz?file=src%2Froutes%2F%2Blayout.svelte

<script lang="ts">
  import { Dialog, Label, Separator } from "bits-ui";
		let {open=$bindable(false)}=$props()
		const module = $derived(
	await	(async function(){return 123})()
	);
</script>
  {module}
<Dialog.Root bind:open={open}>
  <Dialog.Trigger
    class="rounded-input bg-dark text-background
	  shadow-mini hover:bg-dark/95 focus-visible:ring-foreground focus-visible:ring-offset-background focus-visible:outline-hidden
	  inline-flex h-12 items-center justify-center whitespace-nowrap px-[21px] text-[15px] font-semibold transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 active:scale-[0.98]"
  >
    New API key
  </Dialog.Trigger>
  <Dialog.Portal>
    <Dialog.Overlay
      class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80"
    />
  </Dialog.Portal>
</Dialog.Root>

Logs

System Info

Severity

blocking an upgrade

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions