Is there any way to change states outside component?

Hello, thank you for the amazing library. I just have one question: Is there any way to change state(s) from outside of a component?

I mean, now we do this to change states inside a component:

const Test: React.FC<Props> = (props) => {
    const {counter} = useActions()
    const {addCounter} = useAppState()

    return <Button onClick={()=> {
        addCounter(1)
    }}>{counter}</Button>

}

export default Test;

And to change outside of a component, I do this:

// In a different file
export class SomeClass {
    static changeCounter(addCounter) {
        addCounter(1)
    }
}

// in Test.tsx
const Test: React.FC<Props> = (props) => {
    const {counter} = useActions()
    const {addCounter} = useAppState()

    return <Button onClick={()=> {
        SomeClass.changeCounter(addCounter)
    }}>{counter}</Button>

}

export default Test;

I pass the actions down to the functions and then change states. Its okay, until there’s just one action to pass. But if there’s multiple actions to pass down through functions, the code looks really messy.

Is there any way, we can change states without needing to pass it down through a component through a function parameter?

Thanks @christianalfoni

[grandevel]

Closing this as it looks resolved, but please pick back up in the discord channel if more assistance needed.

[henri-hulski]

@p32929 Hi! Maybe you should asked this question on the discord channel. I think it belongs there as it’s a support question, not an issue. And there’re much more folks out there which can help you. Christian also frequently answers questions over there.