Dispose autorun on component unmount

1 files changed, 4 insertions, 1 deletions

diff --git a/src/containers/settings/RecipesScreen.js b/src/containers/settings/RecipesScreen.js
index 4efe81505..b125e6a05 100644
--- a/src/containers/settings/RecipesScreen.js
+++ b/src/containers/settings/RecipesScreen.js
@@ -32,7 +32,7 @@ export default @inject('stores', 'actions') @observer class RecipesScreen extend
   componentDidMount() {
     gaPage('Settings/Recipe Dashboard/Featured');
 
-    autorun(() => {
+    this.autorunDisposer = autorun(() => {
       const { filter } = this.props.params;
       const { currentFilter } = this.state;
 
@@ -51,8 +51,11 @@ export default @inject('stores', 'actions') @observer class RecipesScreen extend
 
   componentWillUnmount() {
     this.props.stores.services.resetStatus();
+    this.autorunDisposer();
   }
 
+  autorunDisposer = null;
+
   searchRecipes(needle) {
     if (needle === '') {
       this.resetSearch();