El siguiente código funciona bien cuando se navega desde el directorio local, pero no funciona después de integrarlo en una aplicación ReactJS.

He descargado una plantilla en línea para integrar a la aplicación React. Tiene el archivo main.js. Incluye eventos basados en clases css que no funcionan después de integrarse a la aplicación React

 (function () { "use strict"; function select(el, all = false) { el = el.trim() if (all) { return [...document.querySelectorAll(el)] } else { return document.querySelector(el) } } function on(type, el, listener, all = false) { if (all) { select(el, all).forEach(e => e.addEventListener(type, listener)) } else { select(el, all).addEventListener(type, listener) } } function onscroll(el, listener) { el.addEventListener('scroll', listener) } /** * control is not going inside if condition because * `select('.toggle-sidebar-btn')` is not getting called. * Even on (type, el, listener, all = false) method is also * not invoked after integrating to React App */ if (select('.toggle-sidebar-btn')) { on('click', '.toggle-sidebar-btn', function (e) { select('body').classList.toggle('toggle-sidebar') }) } })();