How to get/set Griddle state outside of component?

Griddle version

1.11.1

Question

How can I get (and set) the Griddle state from outside the component?

Like you can see in the CodeSandbox, I want to use (for testing purposes, just show) the filter value and the actions.setFilter function outside the Griddle component. Is there a recommended way of doing this?

CC: @dahlbyk

[MichaelDeBoey]

@dahlbyk Yeah I know it’s not global, but I think you understand what I’m trying to say.

Just feels a bit grim at first, but after some thoughts about it, it (like you said) an implementation detail, so as long as I’m not creating custom components that replace the default ones, I indeed should keep that piece of state in my own store and just pass it as a prop 🙂

[dahlbyk]

I’m seeing it more like an extra ‘global’ state, that I can access, like I do with my own Redux state.

Except it’s not global. It’s mostly hidden inside the <Griddle />. 😀 And if you have a page with two <Griddle /> instances, even if they use the same storeKey, you’ll have two distinct internal stores.

If you want ‘global’ state, the right thing to do is to put it in your own app’s Redux store.