Order Firestore documents in useEffect react hook

I want to order the posts by name instead of id I tried using query and orderBy methods but
the data is no longer getting from firestore and there is no error shown. I don’t want to change the useEffect to the onSnapchot function.

the code