I am going to use a theme of themeforest on Next.js

I tried to load jquery core and some plugins, but Nextjs can't load it.

import { useEffect } from "react"
import { SessionProvider } from "next-auth/react"
import Script from 'next/script'

import '../public/plugin/datatables/responsive.dataTables.min.css'
import '../public/plugin/datatables/dataTables.bootstrap5.min.css'

import '../public/css/cryptoon.style.min.css'
// import "./styles.css"

export default function App({ Component, pageProps }) {
  return (
    
    <div>
    <SessionProvider session={pageProps.session}>
      <Component {...pageProps} />
    </SessionProvider>
    
    <Script type="text/javascript" src="/bundles/libscripts.bundle.js" strategy="lazyOnload" />
    <Script type="text/javascript" src="/bundles/apexcharts.bundle.js" strategy="lazyOnload" />
    <Script type="text/javascript" src="/js/template.js" strategy="lazyOnload" />
    <Script type="text/javascript" src="/js/page/index.js" strategy="lazyOnload" /> 
    </div>
  )
}

But a bunch of errors have occurred:

Unhandled Runtime Error
TypeError: Cannot read properties of null (reading 'addEventListener')

Call Stack
HTMLDocument.<anonymous>
/js/template.js (185:18)
e
/bundles/libscripts.bundle.js (1:29754)
t
/bundles/libscripts.bundle.js (1:30078)

....

How to load template(HTML/CSS/JAVASCRIPT) to Nextjs component?