Handle data that comes only once

[IlirBajrami]

I'm having a response from a service which comes only once when i upload a file.
I handle it like this in my api route:

file: /pages/api/job.js

export default async function handler(req, res) {
  try {
    // res.socket.server.io.emit("job", req.body);
    
    const jobId = req.body?.job?.id;
    const transcript = await asyncClient.getTranscriptObject(jobId);
    console.log("webhook receiveddd:", { transcript, theJobID: jobId });
    return res.status(200).json({ transcript, theJobID: jobId });

  } catch (err) {
    res.status(500).send({ error: "failed to get TRANSCRIBE data" });
  }
}

I get the response in my terminal just fine from this line: console.log("webhook receiveddd:", { transcript, theJobID: jobId });

and in my index.js file i try to fetch that request like this (simple):

file: /pages/index.js

 const { data: job } = useSWR(`/api/job`, fetcher);
  console.log("JOBBB", job);

*As you might notice that i was using socket before and it works fine but i want to switch to SWR because none of the hosting providers are not supporting sockets.

How do i handle this with SWR?