Help with typescript

[ispyinternet]

I've tried to follow the guide to create a wrapper component, but I'm struggling to get the typings correct, at least so VS Code intellisense is happy. This is my component code:

<script lang="ts" context="module">
  type T = Record<string, unknown>;
</script>
<script lang="ts" generics="T extends Record<string, unknown>">
	import { type SuperForm } from "sveltekit-superforms";
	import { Switch, Label } from "bits-ui";
	import FormField from "$lib/components/lib/forms/FormField.svelte";
	import { schema } from "./schema";
	
	export let form: SuperForm<T>;

	const { form: formData } = form;
</script>
<FormField let:attrs {form} name="telephone">
	<input {...attrs} type="email" placeholder="Email" bind:value={$formData.telephone} />
</FormField>
<FormField let:attrs {form} name="allowMarketing" label="Allow marketing">
<Switch.Root
			checked={$formData.allowMarketing}
			onCheckedChange="{(checked) => $formData.allowMarketing = checked}">
   
    <Switch.Thumb/>
  </Switch.Root>
</FormField>

And these are the two intellisense errors I cannot fix:

Also this is the FormField component:

<script lang="ts"
 context="module" >
	// eslint-disable-next-line @typescript-eslint/no-unused-vars
	import type { FormPath } from "sveltekit-superforms";

	// the form object
	type T = Record<string, unknown>;
	
	// the path/name of the field in the form object
	type U = unknown;

</script>
<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">

/* 	import Control from "./Control.svelte"; */
	import { Field, Control, type FieldProps, type ControlProps, Label, Description, FieldErrors } from "formsnap";
	import type { SuperForm } from "sveltekit-superforms";

	// eslint-disable-next-line @typescript-eslint/no-unused-vars
	type $$Props = ControlProps & FieldProps<T, U> & {
		label?: string;
		description?: string;
	}

	export let form: SuperForm<T>;
	export let name: U;
	export let label = '';
	export let description='';

</script>

<!-- passing the slot props down are optional -->
<Field {form} {name} let:value let:errors let:tainted let:constraints>
	<Control let:attrs {...$$restProps}>
		<div class="flex flex-col gap-2">
			{#if label}
			<Label>{label}</Label>
			{/if}
			<slot {attrs} {value} {errors} {tainted} {constraints} />
			{#if description}
				<Description>{description}</Description>
			{/if}
		</div>
	</Control>
	<FieldErrors />
</Field>

Any guidance would be much appreciated.

[ispyinternet]

Should anyone be looking for similar guidance, this is fixed with:

import { type Infer } from "sveltekit-superforms"
import type { Schema } from './schema';

export let form: SuperForm<Infer<Schema>>;