[svelte 5] Getting type error for component when declaring const meta in .stories.ts

[felix-tjernberg]

Summary

The way I'm declaring const meta has started to give a ts error since upgrading to svelte 5

import type { Meta, StoryObj } from "@storybook/svelte"
import component from "./card.svelte"

const meta = {
	component,
	title: "components/card.svelte",
} satisfies Meta<typeof component>
export default meta
type Story = StoryObj<typeof meta>

I'm not very good with typescript errors, but from what I can gather from below I need wrap the __sveltets_2_IsomorphicComponent in ComponentType? Which I have no idea of how to do

Type '__sveltets_2_IsomorphicComponent<Record<string, never>, { [evt: string]: CustomEvent<any>; }, {}, {}, string>' is not assignable to type 'ComponentType<__sveltets_2_IsomorphicComponent<Record<string, never>, { [evt: string]: CustomEvent<any>; }, {}, {}, string>, any>'.
  Types of parameters 'options' and 'options' are incompatible.
    Type 'ComponentConstructorOptions<__sveltets_2_IsomorphicComponent<Record<string, never>, { [evt: string]: CustomEvent<any>; }, {}, {}, string>>' is not assignable to type 'ComponentConstructorOptions<Record<string, never>>'.
      Type '__sveltets_2_IsomorphicComponent<Record<string, never>, { [evt: string]: CustomEvent<any>; }, {}, {}, string>' is not assignable to type 'Record<string, never>'.
        Index signature for type 'string' is missing in type '__sveltets_2_IsomorphicComponent<Record<string, never>, { [evt: string]: CustomEvent<any>; }, {}, {}, string>'.

This has became an error since I upgraded to svelte 5, below is the dependencies if that helps

{
	"@storybook/addon-a11y": "^8.4.1",
	"@storybook/addon-essentials": "^8.4.1",
	"@storybook/addon-interactions": "^8.4.1",
	"@storybook/addon-links": "^8.4.1",
	"@storybook/addon-svelte-csf": "5.0.0-next.10",
	"@storybook/blocks": "^8.4.1",
	"@storybook/svelte": "^8.4.1",
	"@storybook/sveltekit": "^8.4.1",
	"@storybook/test-runner": "^0.19.1",
	"@storybook/test": "^8.4.1",
	"@sveltejs/adapter-node": "^5.2.9",
	"@sveltejs/kit": "^2.7.3",
	"@sveltejs/vite-plugin-svelte": "^4.0.0",
	"@types/eslint": "^9.6.1",
	"eslint-config-prettier": "^9.1.0",
	"eslint-plugin-storybook": "^0.10.1",
	"eslint-plugin-svelte": "^2.46.0",
	"eslint": "^9.13.0",
	"globals": "^15.11.0",
	"prettier-plugin-svelte": "^3.2.7",
	"prettier": "^3.3.3",
	"storybook": "^8.4.1",
	"svelte-check": "^3.8.6",
	"svelte": "^5.1.9",
	"typescript-eslint": "^8.12.2",
	"typescript": "^5.6.3",
	"vite": "^5.4.10"
}

Additional information

No response

Create a reproduction

No response

[felix-tjernberg]

Found Related issue