What is the correct way to get state from the Redux store within the useEffect
hook?
useEffect(() => {
const user = useSelector(state => state.user);
});
I am attempting to get the current state within useEffect
but I cannot use the useSelector
call because this results in an error stating:
Invariant Violation: Hooks can only be called inside the body of a function component.
I think I understand why as it breaks one of the primary rules of hooks.
From reviewing the example on the Redux docs they seem to use a selectors.js
file to gather the current state but this reference the mapStateToProps
which I understood was no longer necessary.
Do I need to create some kind of "getter" function which should be called within the useEffect
hook?
useSelector
should be called before theuseEffect
. This way we have the value and can conditionally handle it within the side-effect.