fix: early return in toolbar button to avoid unneeded calls to useInt… (#24)

* fix: early return in toolbar button to avoid unneeded calls to useInteractions

* fix: isolate interactionsFiltered into separate useSelect to reduce editor re-renders and prevent Kadence inspector tab reset

* fix: use specific dependency to avoid extra calls

Author: Arukuen

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,
 	}
 }