Blazor State Management - Factor out the state preservation to a common location

Question

I'm trying to understand common location for state preservation from Blazor Official Doc.

• Should wrapping code be defined in separate razor component?
• How that component would refer currentCount variable?

I have tried to define this into new component like above in my project, but variable is undefined.

How Counter.razor and CounterStateProvider.razor will be associated together?

Answer 1

To summarize comments to help some on in future.

CurrentCount is the property in defined in above class.