reactjs - redux state doesn't update until refresh or rerender of the element

Question

I have two components - the first one is a feed that fetches posts from a database and the second one is a pop-up window of a selected post. On both of them, I have the number of likes and comments. I am using redux for my state management and I have made two reducers LIKE_POST and UNLIKE_POST which work just fine (whenever I like or unlike a post in the pop-up window the state in post and posts updates and both the feed and the pop-up rerender to the correct number of likes).

        case LIKE_POST:
        case UNLIKE_POST:
            let index = state.posts.findIndex((post) => post.postId === action.payload.postId);
            state.posts[index] = action.payload;
            if (state.post.postId === action.payload.postId) {
                let comments = state.post.comments;
                state.post = action.payload;
                state.post.comments = comments;
            }
            return {
                ...state,
            }

question from:https://stackoverflow.com/questions/65670830/redux-state-doesnt-update-until-refresh-or-rerender-of-the-element

Answer 1

Waitting for answers