Hydration mismatch

[MFJoyBoy]

i have some components that i want to render base on viewport dimensions
i am reading viewport dimension with utilities from leptos_use, so data i get are different in server and client
it seems there is two way to get around this solution:

1. provide data on server
2. use default data on server and update view on client after hydration

option 2 seems simpler, but i don't know to achieve this in leptos, if it's possible

[gbj]

Effects run after hydration. So something like this:

let (value, set_value) = signal(/* the default value */);
Effect:: new(move || {
  set_value.set(/* the client value */);
});

[MFJoyBoy]

so i can pass the write signal around to be configured and see effect of data change in the component that are using read signal

[gbj]

That is correct!