There is a react-redux bundle. the redux storage part is obtained via ajax and looks like this:
counts: { warning: 0, new: 0, in_hands: 0, completed: 0, rejected: 0 } changing these values lead to the rendering of the component: render () {
var counts = [ { id: 'warning', count: parseInt(this.props.counts.warning), name: 'Внимение' }, { id: 'new', count: parseInt(this.props.counts.new), name: 'Новые' }, { id: 'in_hands', count: parseInt(this.props.counts.in_hands), name: 'В работе' }, { id: 'completed', count: parseInt(this.props.counts.completed), name: 'Выполн.' }, { id: 'rejected', count: parseInt(this.props.counts.rejected), name: 'Отменен.' } ]; content = (<div className="inside-loader"/>); return( <div> <Tabs key="tabs_order-list" id="order-list" items={counts} defaultTab="warning" changeList={this.changeList} content={content}/></div> ) } Inside Tabs, something like this happens:
render() { let self = this; let items = this.props.items.map(function (item, index) { return <div key={self.props.id+'_'+index} onClick={self.changeTab.bind(null, item.id)} className={'bar-tabs__tab ' + (self.state.openedTabId == item.id ? 'active' : '')}> <b>{item.count}</b> <span>{item.name}</span> </div> }) return <div> <div className={'bar-tabs bar-tabs__' + this.props.id}>{items}</div> <div className={'bar-tabs-content bar-tabs-content__' + this.props.id}> <div className='bar-tabs-content__tab active'>{this.props.content}</div> </div> </div> } as you can see, I get the data, format it into an array, and pass it to Tabs. At the same time, this warning appears: 
reading similar problems, I realized that such an error occurs when we change the data, but I do not change them
