TypeError with Form.Content

[mohit2152sharma]

Anybody knows how to get rid of the following type error,

ts: Argument of type 'Component<ControlProps, {}, "">' is not assignable to parameter of type 'ConstructorOfATypedSvelteComponent'.
  Type 'Component<ControlProps, {}, "">' provides no match for the signature 'new (args: { target: any; props?: any; }): ATypedSvelteComponent'.

Possible causes:
- You use the instance type of a component where you should use the constructor type
- Type definitions are missing for this Svelte Component. If you are using Svelte 3.31+, use SvelteComponentTyped to add a definition:
  import type { SvelteComponentTyped } from "svelte";
  class ComponentName extends SvelteComponentTyped<{propertyName: string;}> {} [2345]

This comes with Form.Content component. Here's my +page.svelte. All other components seems to be fine, no type errors from them.

<script lang="ts">
	import * as Form from '$lib/components/ui/form';
	import { Textarea } from '$lib/components/ui/textarea';
	import { superForm } from 'sveltekit-superforms';
	import type { PageData } from './$types';

	export let data: PageData
	const form = superForm(data.form)
	const { form: formData, enhance } = form
</script>

<form method="POST" class="flex flex-col gap-4" use:enhance>
	<Form.Field {form} name="content">
		<Form.Control>
			<Form.Label>Post text</Form.Label>
			<Textarea placeholder="What's on your mind?" bind:value={$formData.content} />
			<input type="hidden" name="content" bind:value={$formData.content} />
		</Form.Control>
	</Form.Field>
	<Form.Button type="submit">Submit</Form.Button>
</form>