إضافة post في مشروع mern

السلام عليكم.

في المثال التالي: 

عند الضغط على submit أريد ظهور الpost مباشرة دون إعادة تحديث الصفحة.

الكود 

initialState: {
    posts: [],
    error: false,
    loading: false,
  },
  reducers: {
    setPosts(state, action) {
      state.posts = action.payload
    },
    getPosts(state, action) {
      state.posts = action.payload
    },

api call

// Get All Posts
export function getPosts() {
  return async (dispatch, getState) => {
    try {
      dispatch(postActions.setLoading());
      const { data } = await axios.get(`${POSTS_URL}`, {
        headers: {
          "x-auth-token": getState().auth.user.token,
        },
      });
      dispatch(postActions.getPosts(data))
      dispatch(postActions.clearLoading())
      // console.log(data);
    } catch (error) {
      console.log(error);
    }
  };
}

// Create A Post
export function createPost(post) {
  return async (dispatch, getState) => {
    try {
      dispatch(postActions.setLoading());
      const data = await axios.post(`${POSTS_URL}`, post, {
        headers: {
          "x-auth-token": getState().auth.user.token,
        },
      });
      dispatch(postActions.setPosts(data.data))
      dispatch(postActions.clearLoading())
      console.log(data);
    } catch (error) {
      console.log(error);
      dispatch(postActions.clearLoading())
    }
  };
}

postsscreen

  const dispatch = useDispatch();

  const handleCreatePost = () => {
    dispatch(createPost({ text }));
    setText("");
    dispatch(postActions.getPosts());
  };

  useEffect(() => {
    dispatch(getPosts());
  }, [dispatch]);

شكرا على المساعدة