Promise { status: 'rejected', value: null, reason: Error: Connection closed. } 라는 에러 메시지가 뜨는 이유는 여러 가지 원인

문제 발생원인

서버 액션이 클라이언트에서 호출되지 않는 경우

• 서버 액션은 Next.js에서 기본적으로 서버에서만 실행되므로, 클라이언트 컴포넌트에서 서버 액션을 직접 호출할 수 없습니다. 클라이언트에서 서버 액션을 호출하려면 fetch 또는 axios 같은 클라이언트-서버 통신 방법을 사용해야 합니다.

Promise 객체의 형태

• remainingTasks가 서버에서 전달된 Promise 객체라면, 이를 클라이언트에서 다시 서버로 넘길 때 형식이 맞지 않아 오류가 발생할 수 있습니다. Promise는 직렬화할 수 없는 객체이기 때문에 클라이언트에서 다시 서버로 전달할 수 없습니다.

서버 간 통신

• 서버에서 남은 작업들을 처리하고, 이를 클라이언트로 넘겼을 때 Promise 객체 자체를 넘기는 것은 불가능합니다. 클라이언트로는 작업이 끝난 결과를 넘겨야 하며, 클라이언트에서 남은 작업을 처리하려면 Promise 객체가 아닌 일반 데이터로 넘겨야 합니다.