Bug: Support Svelte 4 in @xstate/svelte

[danawoodman]

Description

Installing @xstate/svelte with an app using Svelte v4 fails with

Expected result

It installs on Svelte 4

Actual result

It doesn't 😅

Reproduction

tried to with codesandbox but it kept crashing

Additional context

No response

[Andarist]

It might be worth rechecking if we are affected anyhow by a breaking change from this PR: sveltejs/svelte#6750

[jer-0]

xstate is working fine for me in svelte 4.
is there are work around for this? I can't deploy my app.

[davidkpiano]

xstate is working fine for me in svelte 4. is there are work around for this? I can't deploy my app.

Is the error you're getting the same as the original issue?

[jer-0]

xstate is working fine for me in svelte 4. is there are work around for this? I can't deploy my app.

Is the error you're getting the same as the original issue?

yes sir:

#0 10.77 npm ERR! While resolving: [email protected]
#0 10.77 npm ERR! Found: [email protected]
#0 10.77 npm ERR! node_modules/svelte
#0 10.77 npm ERR!   dev svelte@"^4.0.0" from the root project
#0 10.77 npm ERR!
#0 10.77 npm ERR! Could not resolve dependency:
#0 10.77 npm ERR! peer svelte@"^3.24.1" from @xstate/[email protected]
#0 10.77 npm ERR! node_modules/@xstate/svelte
#0 10.77 npm ERR!   @xstate/svelte@"^2.0.1" from the root project

[danawoodman]

I believe this line should change to something like:

"svelte": "^3.x || ^4.x",

[jer-0]

^3.24.1

I think this is better:

"svelte": "3.24.1 - 4"

ref: https://stackoverflow.com/a/60828558

[danawoodman]

If the intent is to support 3 and 4, then doing 3 - 4 or 3 || 4 should be equivalent:

[jer-0]

it is currently "svelte": "^3.24.1", idk if there is support for below 3.24.1. Either way it will work I suppose.