Console warning on switching to active ballots fix

src/App.js

@@ -10,15 +10,11 @@ import { inject, observer } from 'mobx-react';
 @observer
 class App extends Component {
   onBallotsRender = () => {
-    const { commonStore } = this.props;
-    commonStore.isActiveFilter = false;
-    return <Ballots/>;
+    return <Ballots isActiveFilter={false}/>;
   }
 
   onActiveBallotsRender = () => {
-    const { commonStore } = this.props;
-    commonStore.isActiveFilter = true;
-    return <Ballots/>;
+    return <Ballots isActiveFilter={true}/>;
   }
 
   onNewBallotRender = () => {

src/components/Ballots.jsx

@@ -2,9 +2,14 @@ import React from 'react';
 import { inject, observer } from "mobx-react";
 import "babel-polyfill";
 
-@inject("ballotsStore")
+@inject("commonStore", "ballotsStore")
 @observer
 export class Ballots extends React.Component {
+  componentWillMount () {
+  	const { commonStore } = this.props;
+  	commonStore.isActiveFilter = this.props.isActiveFilter;
+  }
+
   render () {
     const { ballotsStore } = this.props;
     return (