diff --git a/src/editor/hooks/use-interactions.js b/src/editor/hooks/use-interactions.js
index 10d6c85..c007ebb 100644
--- a/src/editor/hooks/use-interactions.js
+++ b/src/editor/hooks/use-interactions.js
@@ -244,19 +244,22 @@ const useInteractions = () => {
 		}
 
 		const interactions = select( 'interact/interactions' ).getInteractions()
-		const interactionsFiltered = interactions.filter( interaction => isInteractionShown( interaction, select ) )
 
 		return {
 			interactions,
-			interactionsFiltered,
 			setInteractions,
 			updateInteraction,
 			deleteInteraction,
 		}
 	}, [] )
 
+	const interactionsFiltered = useSelect( select => {
+		return data.interactions.filter( interaction => isInteractionShown( interaction, select ) )
+	}, [ data.interactions ] )
+
 	return {
 		loadingError: useSelect( select => select( 'interact/interactions' ).getLoadingError(), [] ),
+		interactionsFiltered,
 		...data,
 	}
 }