useDispatch is not a function error

when I import useDispatch as the example below in https://react-redux.js.org/next/api/hooks , it displayed an error.

Uncaught (in promise) TypeError: (0 , _reactRedux.useDispatch) is not a function.

import { bindActionCreators } from 'redux'
import { useDispatch } from 'react-redux'
import { useMemo } from 'react'

export function useActions(actions, deps) {
  const dispatch = useDispatch()
  return useMemo(() => {
    if (Array.isArray(actions)) {
      return actions.map(a => bindActionCreators(a, dispatch))
    }
    return bindActionCreators(actions, dispatch)
  }, deps ? [dispatch, ...deps] : [dispatch])
}

In my code

const dispatch = useDispatch()
                const incrementCounter = useCallback(
                    () => dispatch({ type: 'DRIVERS_LIST', payload: data.data.drivers }),
                    [dispatch]
                )

Can someone please explain the reason. @timdorr

[markerikson]

Please make sure you are using React-Redux v7.1.0.

[AhrenFullStop]

still an issue for me on V7.2.2

const dispatch = useDispatch() const Register = useSelector(state => state.auth) const onSubmit = () => { if (email && firstName && lastName && mobileNumber) { dispatch(RegisterUsers(firstName, lastName, email, mobileNumber, referalCode)) setError(""); if (Register.authorized === true) { //do stuff } } else { setError("Enter all your details") } props.navigation.navigate('interest') }