fix: do not show undefined queryHash

tannerlinsley · Jul 1, 2020 · 194c5e9 · 194c5e9
1 parent 474a429
commit 194c5e9
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -210,7 +210,9 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
         sorted.reverse()
       }
 
-      return match(sorted, filter, { keys: ['queryHash'] })
+      return match(sorted, filter, { keys: ['queryHash'] }).filter(
+        d => d.queryHash
+      )
     }, [sortDesc, sortFn, unsortedQueries, filter])
 
     const [activeQuery, activeQueryJson] = React.useMemo(() => {
@@ -388,9 +390,9 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
                 overflow: 'auto',
               }}
             >
-              {queries.map(query => (
+              {queries.map((query, i) => (
                 <div
-                  key={query.queryHash}
+                  key={query.queryHash || i}
                   onClick={() =>
                     setActiveQueryHash(
                       activeQueryHash === query.queryHash ? '' : query.queryHash
@@ -434,7 +436,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
                       padding: '.5rem',
                     }}
                   >
-                    {query.queryHash}
+                    {`${query.queryHash}`}
                   </Code>
                 </div>
               ))}