state is not persisted to LS during initial render with defaultValue

[quantizor]

const [locale, setLocale] = useLocalStorageState<'en-US' | 'es'>(
  'locale', 'en-US',
)

The above will not actually persist the default value to the local storage key until setLocale is called. I would expect the library to initialize the LS key with the default value if it doesn't already exist.

[astoilkov]

Do you have a specific use case where you need for the value to be inserted into localStorage before calling setLocale()?

Here are the reasons why I did it this way:

• It's more data-efficient. No need to put data that can be retrieved from somewhere else.
• The setLocale.reset() method actually returns to the initial state which makes the reset() method consistent with the initial state.

Both reasons aren't very important so if you have a use case I am willing to change this behavior

[quantizor]

Do you have a specific use case where you need for the value to be inserted into localStorage before calling setLocale()?

Well I'd expect it to work like React.setState where once you set the value, it's persisted. Very confusing behavior for you to supply a default value and not have it automatically persist to LS. Like imagine you derive a user's locale based on what URL they land on etc and then want to persist that, feeding it in as the default value. Without this behavior the only way to get it to persist is to switch it to something else and then back to the value you actually want.

[astoilkov]

That makes sense. I will change the behavior. Thanks.

[astoilkov]

@probablyup I made the change and release a new major release (because in some edge case it can become a breaking change) 10.0.0. Sorry for the delay!

[quantizor]

@astoilkov thank you!