채팅보내기 에서 오류가 발생합니다.

  const onSubmitForm = useCallback( (e) => {
    e.preventDefault();
    console.log('submit!!!!!!', chat, id);
    if (chat?.trim()) {
      axios
        .post(`/api/workspaces/${workspace}/dms/${id}/chats`, {
          content: chat,
        })
        .then(() => {
          revalidate();
        })
        .catch(console.error);
    }
  }, [chat]);

위와 같은 코드가 실행되면 서버에서는 아래와 같은 코드가 실행됩니다.

chat변수에는 값이 들어있는것을 확인하였고, id에도 사용자 의 id가 잘 들어있는 것을 확인하였습니다.

TypeError: Cannot convert undefined or null to object

at Function.keys (<anonymous>)

at getKeyByValue (D:\devel\sleact_study\sleact\back\routes\api.js:461:17)

at D:\devel\sleact_study\sleact\back\routes\api.js:493:32

at runMicrotasks (<anonymous>)

at processTicksAndRejections (internal/process/task_queues.js:93:5)

POST /api/workspaces/sleact/dms/6/chats 500 13.843 ms - 539

채팅 보내기 챕터 - 6:04 에서 보면 api호출할 때 500오류가 발생합니다.

채팅 보내기 챕터 - 6:36 정도의 내용을 보면 코드에 socket관련 코드가 추가가 되어 있는 것을 보면 무엇인가 꼬인 느낌입니다. 린트에 내용 추가하는 부분으로 갑자기 바뀌고 있어요.

그리고 그 다음 챕터에서는

socket.io 전용 훅스 만들기 강좌에서 . 백엔드 api가 문제가 있다면 백엔드 개발자에게 물어봐야 한다. 프론트 개발자가 어떤 처리를 하면 된다고 들었다. 먼저 그걸 하겠다. 그런데 백엔드 개발자도 본인이다 라고 말씀하시고 추가적인 내용을 설명을 안하시고 socket.io 강의로 넘어가네요?

무엇인가 생략된 느낌입니다.

확인 부탁드립니다.

이 부분이 백엔드 코드의 오류가 있는건지 그렇다면 어떤 부분을 수정해야하는지 알려주시면 감사하겠습니다.

인프런 커뮤니티 질문&답변