im storing data like: language in the localStorage

the component get pre rendered on the server right? if im not wrong, how do i have to work with this

Put it into useEffect

oke ill try that

Your client component is pre-rendered on the server, but useEffect is only executed on the client side after hydration

i dont get the error anymore, but its not workin properly atm

mhmm

atleast the error is gone

A flash is caused because the useEffect won’t be executed instantly. It happens after hydration, you can add a skeleton to prevent the flash

i would make a state, loading right?

to check if is loading true or not

and put the skell then there

Yeah, just determine yourself

oh it worked now

but as u said

there is still thhe "flash"

where it changes

after 1s

@fuma 💙 joulev as i can see my custom hook is a problem

i cant use a custom hook with the local storage

What do you mean by custom hook?

That’s why you will need a skeleton component, so that the flash can look better for users

useLocalStorage hook

ye true

its only like rly 0.2ms ? smth like that rly instant, the skelton is showing only for that small time

is that ok tho?

Of course, it’s fine