WebRTC(simple-peer) doesn't get the signal after I added APIs on server

Question

I am using simple-peer and it really worked well on server before I added APIs for my project. I already did secure with https in the beginning and the only thing that has changed is releasing the server with APIs... Here is my code and now I only can check console.log(1), (3) for initiator peer and console.log(2), (8) for requesting peer. On requestinng peer internet tab, "Uncaught ReferenceError: process is not defined" this error occurs and I don't know why this error occurs on client side. Also it worked well on both of Chrome and Edge but now I can't even get my own stream on Chrome.

 const myVideo = useRef();
  const userVideo = useRef();
  const connectionRef = useRef();
  const roomName = "123";
  let userStream = null;
  let creator = false;

  useEffect(() => {
    const socket = io("https://www.jg-jg.shop");
    socket.emit("joinRoom", roomName);

    socket.on("created", () => {
      creator = true;

      navigator.mediaDevices
        .getUserMedia({ video: true, audio: true })
        .then((stream) => {
          userStream = stream;
          myVideo.current.srcObject = stream;
          console.log(1);
        });
    });

    socket.on("joined", () => {
      navigator.mediaDevices
        .getUserMedia({ video: true, audio: true })
        .then((stream) => {
          userStream = stream;
          myVideo.current.srcObject = stream;
          console.log(2);
        });

      socket.emit("ready", roomName);
    });

    socket.on("ready", () => {
      if (creator) {
        const peer = new Peer({
          initiator: true,
          trickle: false,
          stream: userStream,
        });

        peer.on("signal", (signal) => {
          socket.emit("sendingSignal", { signal, roomName });
          console.log(3);
        });

        peer.on("stream", (stream) => {
          userVideo.current.srcObject = stream;
          console.log(4);
        });

        socket.on("receivingSignal", (signal) => {
          peer.signal(signal);
          console.log(5);
        });

        connectionRef.current = peer;
      }
    });

    socket.on("offer", (incomingSignal) => {
      if (!creator) {
        const peer = new Peer({
          initiator: false,
          trickle: false,
          stream: userStream,
        });

        peer.on("signal", (signal) => {
          socket.emit("returningSignal", { signal, roomName });
          console.log(6);
        });

        peer.on("stream", (stream) => {
          userVideo.current.srcObject = stream;
          console.log(7);
        });

        peer.signal(incomingSignal);
        console.log(8);
        connectionRef.current = peer;
      }
    });
  }, []);