diff --git a/src/index.js b/src/index.js
index e5d00e6..87761a4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -196,7 +196,7 @@ export function ReactQueryDevtools({
 }
 
 const getStatusRank = q =>
-  q.state.isFetching ? 0 : !q.observers.length ? 3 : q.state.isStale ? 2 : 1
+  q.state.isFetching ? 0 : !q.observers.length ? 3 : q.isStale() ? 2 : 1
 
 const sortFns = {
   'Status > Last Updated': (a, b) =>
diff --git a/src/utils.js b/src/utils.js
index 02f00c5..4ed0f74 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -8,7 +8,7 @@ export const isServer = typeof window === 'undefined'
 export function getQueryStatusColor(query, theme) {
   return query.state.isFetching
     ? theme.active
-    : query.state.isStale
+    : query.isStale()
     ? theme.warning
     : theme.success
 }
@@ -22,7 +22,7 @@ export function getQueryStatusLabel(query) {
     ? 'fetching'
     : !query.observers.length
     ? 'inactive'
-    : query.state.isStale
+    : query.isStale()
     ? 'stale'
     : 'fresh'
 }