MapStateToProps to every component, am I doing the right thing?

Question

React

I have different components. I want to implement theme changer. From dark to light. Each component must know what theme it is and, depending on the theme, add a class to the DOM. Tell me if I'm doing the right thing by adding this function to each component, or can I somehow avoid duplication:
// here comes the topic name: 'light', 'dark';
const mapStateToProps = state => ({
theme: state.theme
});
And then I do something like this through props: l-header__info l-header__info--(topic name)

Answer 1

It is more convenient to transfer the topic through the Context API.
Styled Components and similar solutions have convenient theming out of the box.