Sharing hook state using useSWR - useSharedState

[timcouchoud]

Since I would like to avoid using Redux or other state manager, I am trying to implement the state sharing strategy (using useSWR) published by @pacocoursey (▲) is his article I am trying to implement it but I struggle in undertanding how I can catch the state from one component to the other since it takes the initialData (using useSharedState) for which I do not want to give a value. I just want to pull the state from one component to one other without giving an initial value. Any idea about that?

Here is the situation:

Component A: using getServerSideProps to inject it in useSharedState
const [user, setUser] = useSharedState("connectedUser", props.user);

Component B: here I am trying to "pull" user value but I do not know what to put as initialData ("?????")
const [user, setUser] = useSharedState("connectedUser", ???????);