You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The $bindable on my localhost shows the following error on console:
ERR_SVELTE_HYDRATION_MISMATCH: Hydration failed because the initial UI does not match what was rendered on the server. Error: Cannot use bind:value on this component because the property was not declared as bindable. To mark a property as bindable, use the $bindable() rune like this: let { value = $bindable() } = $props()
I can build, preview and deploy without a problem. Demo
Reproduction
git clone git@github.com:shinokada/multilanguage-flashcard.git
cd multilanguage-flashcard
pnpm i
pnpm dev
Check the Developer Tools > Console. (Warning: since I'm using event.key, the shortcut won't work. You need to go through View > Developer to find out Developer Tool)
Describe the bug
The
$bindable
on my localhost shows the following error on console:ERR_SVELTE_HYDRATION_MISMATCH: Hydration failed because the initial UI does not match what was rendered on the server. Error: Cannot use bind:value on this component because the property was not declared as bindable. To mark a property as bindable, use the $bindable() rune like this:
let { value = $bindable() } = $props()
I use
$bindable
as the following:I can build, preview and deploy without a problem. Demo
Reproduction
Check the Developer Tools > Console. (Warning: since I'm using
event.key
, the shortcut won't work. You need to go through View > Developer to find out Developer Tool)Logs
No response
System Info
Severity
blocking an upgrade
The text was updated successfully, but these errors were encountered: