Ошибка типа: jquery__WEBPACK_IMPORTED_MODULE_4 ___ default (...) (...). Модальный не является функцией

Question

Я разрабатываю приложение ReactJS, в котором я хочу скрыть модал после нажатия на него кнопки и соответственно отобразить другой модал. Идентификатор первого модального * confirmationModal, а идентификатор второго модального warningModal. Поэтому для достижения вышеупомянутой функциональности я использую следующий код:

  $('#confirmationModal').modal('toggle');
  $('#warningModal').modal('toggle');

Я пробовал разные подходы, но снова и снова я получаю ту же ошибку.

TypeError: jquery__WEBPACK_IMPORTED_MODULE_4___default(...)(...).modal is not a function

Я проверил другие подобные вопросы, где они упоминали, что порядок, в котором мы указываем сценарии jQuery и Bootstrap, должен быть правильным, т.е. сначала должны быть объявлены сценарии jQuery, а затем мы должны объявить скрипт Bootstrap. Я также проверил порядок, в котором я объявляю сценарии, и ниже приведен порядок:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>
  <script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script>
  <link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
  <script src="https://kit.fontawesome.com/e5ef6344ab.js" crossorigin="anonymous"></script>

Я не смог найти ни одной ошибки в порядке своих сценариев, в котором они были объявлены так Я считаю, что ошибка будет где-то еще. Сценарии, о которых я упоминал выше, были взяты с этого Bootstrap веб-сайта (за исключением шрифта awesome script, который явно был взят с font awesome website .)

Любая помощь будет высоко ценится. Спасибо

PS: Я также импортировал библиотеку jQuery в мое приложение ReactJS, которое выглядит следующим образом: import $ from 'jquery';.