Or you know, use Redux because the boilerplate is gone... https://redux-toolkit.js.org/

You don't have to create actions or constants anymore, you just create your reducer functions and selectors, then use hooks to select and dispatch in your components.

Never got why people took up a completely different paradigm just because they couldn't figure out how to reduce their boilerplate...

Or use XState as Redux is only a half implementation of a state machine. It get's the job done but a state machine gives you far more structure and comprehensibility around state management.

https://github.com/davidkpiano/xstate

Which is great because you don't need a full state machine.

React can be that other half...