I want to transform my existing app developed with html JS and jQuery this app use third party libraries like (boostrap JS & tableSorter JS datepicker ) how to integrate them into a react app to keep animation table sort without redeveloping them with react .
import "./js/jquery.tablesorter";
import "./js/jquery.tablesorter.widgets";
import "./js/bootstrap-datetimepicker/js/moment";
import "./js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min";
import "./js/bootstrap-select.min";
import ReactDOM from "react-dom";
import React from "react";
import History from "./History";
import Footer from "./Footer";
import Header from "./Header";
const App = () => {
return (
<div id="page" className="clearfix">
<Header />
<History />
<Footer />
</div>
);
};
ReactDOM.render(<App />, document.getElementById("login"));
Консоль, как конфликт jQuery и другие ошибки JS для интегрированного файла JS
Пожалуйста, дайте мне решение, как интегрировать эти библиотеки.