[nextjs] bootstrap modal 사용 시 'modal is not a function' 오류 처리

react + nextjs 로 frontend 화면 개발을 진행중에 있는데 삽질의 연속이네요. 스프링 개발환경에 있던 시스템을 react 로 포팅하는 과정중에 있는데 이번엔 modal 이 안먹혀서 삽질을 했습니다. $('#modalDiv').modal('show'); 코드로 모달 화면이 떠야 하지만 modal is not a function 오류만 뱉어내고 있습니다. npm run dev 명령어로 프론트엔드 화면을 구동시켜보면 아래와 같은 런타임에러가 발생하고 있습니다. 크롬 개발자도구 콘솔에 드는 풀 에러 메시지는 다음과 같은데 Uncaught (in promise) TypeError: jquery__WEBPACK_IMPORTED_MODULE_4___default(...)(...).modal is no..