phobetron
commented
1 year ago I receive this error while using Typescript (5.1.3) and SvelteKit (1.20.4 Kit, 4.0.1 Svelte) together, built using Vite (as standard, nothing special) for several components:
import IconButton from '@smui/icon-button';import Fab, { Icon } from '@smui/fab';import List, { Item, Separator } from '@smui/list';import { Icon, Label } from '@smui/button';
Additionally, I receive the following error in SMUI:
node_modules/@smui/menu/src/SelectionGroupIcon.ts:8:3
Error: Types of construct signatures are incompatible.
Type 'new (options: ComponentConstructorOptions<{ getElement?: (() => HTMLSpanElement) | undefined; use?: ActionArray | undefined; class?: string | undefined; contextmenu?: string | null | undefined; ... 202 more ...; 'sveltekit:reload'?: true | ... 1 more ... | undefined; }>) => Graphic__SvelteComponent_' is not assignable to type 'new <Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any>(options: ComponentConstructorOptions<Props>) => SvelteComponent<...>'.
Construct signature return types 'Graphic__SvelteComponent_' and 'SvelteComponent<Props, Events, Slots>' are incompatible.
The types of '$$prop_def' are incompatible between these types.
Type '{ getElement?: (() => HTMLSpanElement) | undefined; use?: ActionArray | undefined; class?: string | undefined; contextmenu?: string | null | undefined; ... 202 more ...; 'sveltekit:reload'?: true | ... 1 more ... | undefined; }' is not assignable to type 'Props'.
'{ getElement?: (() => HTMLSpanElement) | undefined; use?: ActionArray | undefined; class?: string | undefined; contextmenu?: string | null | undefined; ... 202 more ...; 'sveltekit:reload'?: true | ... 1 more ... | undefined; }' is assignable to the constraint of type 'Props', but 'Props' could be instantiated with a different subtype of constraint 'Record<string, any>'.
class: 'mdc-menu__selection-group-icon',
component: Graphic,
});
hperrin
AxeloLabs
ihr-it-projekt
hello, I have many errors saying: 'EXPRESSION PRODUCES A UNION TYPE THAT IS TOO COMPLEX TO REPRESENT'
I also mention, that I do not have a tsconfig.json because, I have understood that Rich Harris recomendation was to use type system with JSDOC inside libs, si I do not know if I can use SMUI without TS ? And also, I am using VitePreprocessor, and not SveltePreprocessor because I am using vitest.
Do you know why ?
"@smui/button": "7.0.0-beta.12", import Button, { Label } from '@smui/button'; <Button href={menu.url} ......
also no updated sample there, so I don t know if it is becoz I am using smui 7 with ts 5 https://github.com/hperrin/smui-example-sveltekit/blob/master/package.json
I think you did not have realized the migration to svelte 4 :( Is that planned soonly ?
Tks