카카오 공유하기 배포환경에서 값을 못읽는 문제

JavaScript
#1

카카오 공유하기 기능을 리액트에서 구현하고 있습니다.
로컬에서는 정상 동작하는데 S3에 배포하면 title값과 volunteerImage 값이 잘못되었다는 에러가 뜹니다.
오늘 배포날인데 제발 도와주세요! ㅠㅠ

const { title, volunteerImage, volunteerId } = getVolunteerInfoData;
...

				kakao.Share.createDefaultButton({
					container: "#kakaotalk-sharing-btn",
					objectType: "feed",
					content: {
						title: title,
						description: "봉사 같이 할래? 좀나세에서 다양한 봉사를 신청해보세요.",
						imageUrl: volunteerImage,
						link: {
							// webUrl: `웹 배포 주소`,
							webUrl: `http://localhost:3000`,
						},
					},
					buttons: [
						{
							title: "웹으로 보기",
							link: {
								webUrl: `웹 배포 주소`,
							},
						},
					],
				});
#2

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.
에러 발생하는 화면 캡쳐도 부탁합니다.

앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

#3

공유하기 에러 발생

앱 아이디 877907 입니다.!!!

#4

공유하기 에러 발생

#5

서버측 에러가 없는 것을 보면 SDK에서 벨리데이션 체크에서 발생한 것 같네요.

오류 내용상 메시지 템플릿 구성이 잘못된 것으로 보이고
배포환경에서만 안된다고 하신걸 보면 title변수에 값이 정상적으로 들어왔는지 확인해보시면 좋을 것같습니다.

재현 가능한 주소있나요?

#6

http://main014-bucket.s3-website.ap-northeast-2.amazonaws.com/volunteer/78 입니다!

#7

해당 페이지를 크롬 개발자 모드로 보시면

카카오톡 공유하기전에 여러가지 에러가 발생하는 것으로 보입니다.

특히 volunteer 정보를 조회하지 못한 것으로 보이는데요.

카카오톡 공유하기에러는 메시지 템플릿 코드내 변수들이 할당안되어 발생하는 부차적문제로 추정됩니다.

다른 오류 수정 후, 확인해보시겠어요?

#8

아하 확인 감사드립니다! 확인해보겠습니다