and you will show different header and footer in different page using sheet

You can use React in EDS by hydrating components client-side — but not to render the full page.Instead, embed your React component into a block, section, or container, and initialize it on the client side

first you can direct put script to head or you can load that at a time of block loadconst loadSwiper = () => {  return new Promise((resolve) => {    if (window.Swiper) {      resolve(window.Swiper);    } else {      const swiperCss = document.createElement("link");      swiperCss.rel = "stylesheet";...