Formsnap & Superforms that called inside a dialog in a +layout.svelte

[mekpin]

Hi, i tried to use the superform https://next.shadcn-svelte.com/docs/components/form. inside a page, its working

but now i have a question on how to implement it on a layout and the form to be used inside a Dialog. any guidance on that ? as i got this :

Uncaught _SuperFormError: No form data sent to superForm. Make sure the output from superValidate is used (usually data.form) and that it's not null or undefined. Alternatively, an object with default values for the form can also be used, but then constraints won't be available. in text-selection-layer.svelte in dismissible-layer.svelte in escape-layer.svelte in focus-scope.svelte in presence-layer.svelte in dialog-content.svelte in portal-consumer.svelte in portal.svelte in dialog-content.svelte in dialog.svelte in +layout.svelte in +layout.svelte in root.svelte at superForm (sveltekit-superforms.js?t=1740813217299&v=60b49ab9:1493:13) at Pricing_form (pricing-form.svelte:10:15) at chunk-FPGXNORL.js?v=60b49ab9:287:58 at update_reaction (chunk-NRXU5JAQ.js?v=60b49ab9:1798:23) at update_effect (chunk-NRXU5JAQ.js?v=60b49ab9:1908:21) at create_effect (chunk-NRXU5JAQ.js?v=60b49ab9:2317:7) at branch (chunk-NRXU5JAQ.js?v=60b49ab9:2462:10) at chunk-FPGXNORL.js?v=60b49ab9:281:17 at update_reaction (chunk-NRXU5JAQ.js?v=60b49ab9:1798:23) at update_effect (chunk-NRXU5JAQ.js?v=60b49ab9:1908:21)

when it was called inside this

<Dialog.Root> <Dialog.Trigger class={buttonVariants({ size: 'sm', variant: 'outline', class: 'border-primary text-primary' })}>Setting Harga</Dialog.Trigger > <Dialog.Content> <Dialog.Header> <Dialog.Title class="text-primary">Pricing Test</Dialog.Title> <Dialog.Description> administration fee : pricing?.administrationFee </Dialog.Description> </Dialog.Header> <PricingForm {data}></PricingForm> </Dialog.Content> </Dialog.Root>