fix: sandbox not render another queries (#349) (#350)

* fix: sandbox not render another queries

Author: smeijer

src/sandbox.js

@@ -124,6 +124,18 @@ function Sandbox() {
   );
 }
 
+function checkQuery(queries) {
+  const suggestions = Object.values(queries).filter(Boolean);
+  const suggestion = Object.values(queries).find(Boolean);
+
+  const anotherSuggestion = suggestions.find(
+    (query) =>
+      query?.queryName && !query.snippet?.startsWith('// sorry, I failed'),
+  );
+
+  return anotherSuggestion ? anotherSuggestion : suggestion;
+}
+
 function onSelectNode(node, { origin }) {
   // onSelectNode can be triggered after onMouseLeave has already been called.
   // This makes it impossible to clear hover state. That's why we maintain and
@@ -138,7 +150,8 @@ function onSelectNode(node, { origin }) {
     rootNode: state.rootNode,
   });
 
-  const suggestion = Object.values(queries).find(Boolean);
+  const suggestion = checkQuery(queries);
+
   if (!suggestion) {
     return;
   }