Reactjs Context API как изменить стейт при изменении размера экрана пользователя?

просто Redux для данного проекта избыточен. и уже все работaет с контестом. переделка грозит масштабным рефакторингом всего проекта))

Reactjs Context API как изменить стейт при изменении размера экрана пользователя?

Роман Александрович,ясно. спс. только я не понимаю, как привязать слушатель к изменению стейта в контесте?понимаю, что надо вызвать дополнительный обработчик, только в какой конкретно момент его вызывать?

Reactjs Context API как изменить стейт при изменении размера экрана пользователя?

Роман Александрович, class PageWrapper extends React.Component {
constructor(props) {
super(props);
this.state = {
height: window.innerHeight,
width: window.innerWidth
};
}
componentDidMount() {
console.log(this.state.height);
window.addEventListener("resize", this.updateDimensions);
}
updateDimensions = () => {
this.setState({
height: window.innerHeight,
width: window.innerWidth
});
};
componentWillUnmount() {
window.removeEventListener("resize", this.updateDimensions);
}
render() {
const childrenWithProps = React.Children.map(this.props.children, child =>
React.cloneElement(child, { width: this.state.width })
);
return {childrenWithProps};
}
}

export default PageWrapper;
Так, теперь добавил. до конца правда не понимаю зачем удалять слушатель перед размонтированием.

Reactjs Context API как изменить стейт при изменении размера экрана пользователя?

Роман Александрович, я задал подобный event блоку обертке всей страницы : class PageWrapper extends React.Component {
constructor(props) {
super(props);
this.state = {
height: window.innerHeight,
width: window.innerWidth
};
}
componentDidMount() {
console.log(this.state.height);
window.addEventListener("resize", this.updateDimensions);
}
updateDimensions = () => {
this.setState({
height: window.innerHeight,
width: window.innerWidth
});
};
render() {
const childrenWithProps = React.Children.map(this.props.children, child =>
React.cloneElement(child, { width: this.state.width })
);
return {childrenWithProps};
}
}

export default PageWrapper;

не работал ранее с Context API не могу понять, как приязать обработчик к измнениею ситейта самого Context c isMobile : false на isMobile:true