From 659a6f7531aa1073c40d0c48db2bc9c6fc053d28 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Sun, 10 Jul 2022 12:28:44 +0300
Subject: [PATCH] check for deps intersection

---
 src/common/useModelState.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/common/useModelState.js b/src/common/useModelState.js
index 9158beec1..5f03bf49a 100644
--- a/src/common/useModelState.js
+++ b/src/common/useModelState.js
@@ -3,6 +3,7 @@
 const React = require('react');
 const throttle = require('lodash.throttle');
 const isEqual = require('lodash.isequal');
+const intersection = require('lodash.intersection');
 const { useRouteFocused } = require('stremio-router');
 const { useServices } = require('stremio/services');
 
@@ -61,8 +62,8 @@ const useModelState = ({ action, ...args }) => {
     const { core } = useServices();
     const routeFocused = useRouteFocused();
     const mountedRef = React.useRef(false);
-    const [model, timeout, map] = React.useMemo(() => {
-        return [args.model, args.timeout, args.map];
+    const [model, timeout, map, deps] = React.useMemo(() => {
+        return [args.model, args.timeout, args.map, args.deps];
     }, []);
     const getInitState = React.useContext(ModelSuspenderContext);
     const [state, setState] = React.useReducer(
@@ -93,7 +94,7 @@ const useModelState = ({ action, ...args }) => {
     }, []);
     React.useInsertionEffect(() => {
         const onNewState = async (models) => {
-            if (models.indexOf(model) === -1) {
+            if (models.indexOf(model) === -1 && (!Array.isArray(deps) || intersection(deps, models).length === 0)) {
                 return;
             }