Allow binding null for value in Select?

[nooblyf]

<Select type="single" bind:value={serverUrl}>

i'm getting this error

Type 'string | null' is not assignable to type 'string | undefined'. Type 'null' is not assignable to type 'string | undefined'.ts(2322)

serverUrl is coming from a 3rd party package which can be string | null is there a way to workaround this?

[huntabyte]

yeah, use a function binding and coerce the type

<Select type="single" bind:value={() => serverUrl ?? '', (v) => { serverUrl = v }}>

[nooblyf]

thank you, it worked! can you tell me what's happening here? from what i understand serverUrl get's assigned v on $state changes? and initially it's empty string if it's null?

[nooblyf]

ah nvm i found the docs for this

https://svelte.dev/docs/svelte/bind#Function-bindings