Infinite loop when using useEffect react hook

Question

I have this class component and I want to change it to a functional component

  import { socket } from "../global/header";
  class PlaceOrder extend