Each Block Typing Issue

I’m trying to iterate over a properties values by using {#each…}, and I have two typings (this is a TypeScript project) in my Svelte component.

<script lang="ts">
    import Transition from './Transition/Transition.svelte';

    type Options = { text: string, value?: string }[];
    type OptionsGroup = Options[];

    export let options: Options | OptionsGroup = [];
</script>

{#each options as option}
    <div>example</div>
{/each}

I would expect the type of option in the each statement to be Options | OptionsGroup but VS Code is giving me an error saying:

Argument of type ‘Options | OptionsGroup’ is not assignable to parameter of type ‘ArrayLike<{ text: string; value?: string; }>’.

I’m unsure of what exactly is going wrong as the build and dev tasks are working fine with no errors at all, it only seems to be an issue with VS Code.

System:

• OS: Manjaro (Linux)
• IDE: VSCode
• Plugin/Package: Svelte for VSCode

[JAD3N]

Thank you for the clarification, I’ve amended my typings as recommend and that has pretty much solved it.

[dummdidumm]

@dkzlv that’s #619