Nested React Context - Passing the initial value without duplicate data

Question

I\'m interested in how nested React context providers can get their initial value when being rendered on the server and client without duplicating data.

Take this example