안녕하세요 nextjs / typescript로 상담하기 기능을 사용하려합니다.
어찌저찌 톡상담을 화면에 나타냈는데 로그인을 하니 잘못된 접근이라고 나와서요 ㅜㅜ
아래는 제 코드입니다.
또 className을 추가할때마다 톡 상담이 또 만들어지는데 이 문제는 어떻게 해결해야할까요…? ㅜㅜ
초보라 도움 부탁드립니다.
function Kakao() {
useEffect(() => {
const script = document.createElement('script');
const Kakao = window.Kakao;
script.async = true;
try {
if (Kakao) {
Kakao.init(process.env.NEXT_PUBLIC_KAKAO)
}
} catch (e) {}
window.Kakao.Channel.createChatButton({
container: '#kakao-talk-channel-chat-button',
channelPublicId: 'id',
title: 'consult',
size: 'small',
color: 'yellow',
shape: 'pc',
supportMultipleDensities: true,
});
document.body.appendChild(script);
document.body.removeChild(script);
}, []);
}
Kakao();