Redux state change from one component not triggering useEffect in another component

Question

This is first time I am using ReduxJS.

I have two components one parent and one child.

In child

dispatch(someAction(payload))

In Parent


let some = useSelector((state)=> state.a)


useEffect(()=>{

//some code//

},[some])

Expected:

As per my knowledge I dispacthed a action from child that will change the redux state. Now In parent "some" should get updated too and it should trigger useEffect .

What-is-actually-happening:

useEffect Does not get triggered.

Can somebody please point out what I am doing wrong here?

Answer 1

can you please confirm 2 things:

1. does the dispatch carry correct payload and it gets completed.
2. if the redux state is updated with the value that was dispatched. both of these things can be checked via Redux dev tools.

I hope your problem is related to of the two points mentioned above and yes the useEffect() should run.