React Best Practice: To component or to not component

Currently, I am working on the React Game Of Life and I am wondering, should I make everything into one component so the data is stored in the state or store the data in an external variable.

If it’s something that changes, put it in state, otherwise, external variable.

Everything doesn’t have to be one component though, you can pass state to children components through props, or children components can have their own states. You should probably have a clear idea of design before jumping into the code.

I’m more accustom to the Redux principle of single source of truth where everything is in the store and I get what I need from it, but there’s more than 1 way to skin a cat as they say