Show useSelector result in React DevTools (reduxjs#1530)

webguru7 · Feb 27, 2020 · e6719b4 · e6719b4
1 parent 24de6e9
commit e6719b4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/hooks/useSelector.js b/src/hooks/useSelector.js
@@ -1,4 +1,4 @@
-import { useReducer, useRef, useMemo, useContext } from 'react'
+import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react'
 import { useReduxContext as useDefaultReduxContext } from './useReduxContext'
 import Subscription from '../utils/Subscription'
 import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect'
@@ -97,12 +97,16 @@ export function createSelectorHook(context = ReactReduxContext) {
     }
     const { store, subscription: contextSub } = useReduxContext()
 
-    return useSelectorWithStoreAndSubscription(
+    const selectedState = useSelectorWithStoreAndSubscription(
       selector,
       equalityFn,
       store,
       contextSub
     )
+
+    useDebugValue(selectedState)
+
+    return selectedState
   }
 }