I was a begginner in nextjs that time so i didn't know. I have figured the answer long time ago but just notice my this question so here is the answer.

The thing i am doing in the Cjobs component is completely wrong, I am fetching data from the server using getJobs function and then passing it to the jobitems. You can do this i.e. fetch the data from the server only in a page component inside the app directory in app router (nextjs 14) here in docs .