Javascript SDK 사용법

안녕하세요 현재 next-create-app 으로 React(use next.js) 앱 만들어서 카카오 기능 입히려고하는데요

그래서 카카오 자바스크립트 SDK 받으려고 https://developers.kakao.com/docs/latest/ko/getting-started/sdk-js 여기에서

SDK 다운로드로 js 파일 링크 들어가서 내용 다운로드 받고 kakao.js 파일로 만든후에 불러오기 하는데 에러가 발생하네요…

해결방법이 멀까요??

에러내용

09

41
적용 코드

import Kakao from "./kakao";

export default function Home() {
  useEffect(() => {
    Kakao.init("jskey");
    Kakao.Channel.createAddChannelButton({
      container: "#kakao-add-channel-button",
      channelPublicId: "channelPublicId", // 채널 홈 URL에 명시된 id로 설정합니다.
    });
  });
...

 <button id="kakao-add-channel-button" />

안녕하세요.
저희가 next.js나 react 관련된 공식 가이드가 준비되지 않아서, 자세한 안내를 드리기는 어려운 점 앙해바랍니다.
아래 내용이 도움이 될까요?