TipTap + Yjs + Hocuspocus는 콘텐츠를 저장하지만, 다른 사용자는 페이지를 새로고침해야만 업데이트를 볼 수 있다

Next.js, TipTap, Yjs, Hocuspocus를 사용하는 앱에서 편집 내용은 Postgres에 저장되지만, 다른 클라이언트는 새로고침해야만 변경사항이 보입니다.

원인은 기존 에디터 내용을 공유 Yjs 문서에 제대로 초기화하지 않아 실시간 협업이 완전히 연결되지 않는 데 있을 가능성이 큽니다.

또한 JSON 문서와 Yjs 상태를 모두 Postgres에 저장하는 올바른 패턴을 찾고 있습니다.

문제 해결의 핵심은 WebSocket 브로드캐스트가 빠진 지점과 Hocuspocus/Yjs 동기화 파이프라인이 실제로 연결된 편집기에 업데이트를 전달하는지 확인하는 것입니다.