Error when using in SvelteKit Type script project

[ethan-tqa]

As I follow the guide in readme to use this editor with a SvelteKit Typescript project, I got hit with the error:

Element does not support attributes because type definitions are missing for this Svelte Component or element cannot be used as such.

Underlying error:
JSX element class does not support attributes because it does not have a '$$prop_def' property.ts(2607)
Type definitions are missing for this Svelte Component. It needs a class definition with at least the property '$$prop_def' which should contain a map of input property definitions.
Example:
  class ComponentName { $$prop_def: { propertyName: string; } }
If you are using Svelte 3.31+, use SvelteComponentTyped:
  import type { SvelteComponentTyped } from "svelte";
  class ComponentName extends SvelteComponentTyped<{propertyName: string;}> {}

Underlying error:
'Editor' cannot be used as a JSX component.
  Its instance type 'Editor' is not a valid JSX element.
    Property '$$prop_def' is missing in type 'Editor' but required in type 'ElementClass'.ts(2786)

It appears that the type definition needs some changes

[talwat]

I am also getting this issue within vscode.

[ethan-tqa]

I switched to CK Editor instead

[talwat]

Are there some good resources for learning how to use CK Editor in svelte? I've tried it but I couldn't figure out how to do a few things like get the text once a button is clicked.