As described in: React App and Chrome DevTools local overrides not working? I tried the solutions described in the above but nothing helps. The react based pages just ignore whatever I modify. When I use overrides on pages that aren't based on react - everything works fine. As an example https://obscure-waters-60500.herokuapp.com/. I tried to modify app/src>App.js by adding hello under NavBar:
render() {
return (
<div>
<NavBar
totalCounters={this.state.counters.filter(c => c.value > 0).length}
/>
<div>hello</div>
<main className="container">
<Counters
counters={this.state.counters}
onReset={this.handleReset}
onIncrement={this.handleIncrement}
onDecrement={this.handleDecrement}
onDelete={this.handleDelete}
onRestart={this.handleRestart}
/>
</main>
</div>
);
When I refresh the page everything stays the same. I tried to turn off all addons, but it didn't help.