How can I use script tag in next javascript in _app.js component and I want to use Glide javascript carousel in next javascript. I am unable use the script tag. so please help me as provide my code.
import "../styles/globals.css";
import "bootstrap/dist/css/bootstrap.min.css";
// import Script from "next/script";
import { Container, Row } from "react-bootstrap";
// import Head from "next/head";
import Contact from "./components/contact";
import Header from "./components/header";
import Footer from "./components/footer";
function MyApp({ Component, pageProps }) {
return (
<div>
{/* <Head>
<Script src="https://cdn.jsdelivr.net/npm/@glidejs/glide" />
<Script src="node_modules/@glidejs/glide/dist/glide.min.js"></Script>
</Head>
<link
rel="stylesheet"
href="node_modules/@glidejs/glide/dist/css/glide.core.min.css"
></link>
<link
rel="stylesheet"
href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css"
></link> */}
<Header />
<Component {...pageProps} />
<div>
<div>
<Container>
<Row>
<Contact />
</Row>
</Container>
</div>
</div>
<Footer />
</div>
);
}
export default MyApp;