Scroll restoration(scrollTo) on react not working with "drawer" class

[JosePaulson]

import Footer from "./components/Footer";
import Hero from "./components/Hero";
import Navbar from "./components/Navbar";
import Sidebar from "./components/Sidebar";
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'
import Web from "./routes/Web";
import InternetOfThings from "./routes/InternetOfThings";
import OpenCV from "./routes/OpenCV";
import ScrollToTop from "./components/ScrollToTop";
function App() {
    return ( 
        <>
            <Router>
                <ScrollToTop />
                 <div className="drawer">
                    <input id="my-drawer" type="checkbox" className="drawer-toggle"/>
                    <div className="drawer-content">
                        <Navbar />
                        <div className="min-h-[85vh]">
                            <Routes>
                                <Route path="/" element={<Hero />} />
                                <Route path="/web" element={<Web />} />
                                <Route path="/internetofthings" element={<InternetOfThings />} />
                                <Route path="/opencv" element={<OpenCV />} />
                            </Routes>
                        </div>
                        <Footer />
                    </div>
                    <Sidebar />
                </div>
            </Router> 
        </>
     );
}

export default App;

Trying to restore scroll to top on every navigation, and can't make it work. Except it works just fine when the "drawer" class is removed.

[saadeghi]

daisyUI's drawer is a wrapper for everything in page. So instead of body, .drawer-content gets the scroll.
See this issue: #333

[JosePaulson]

Thanks bud, really appreciate DaisyUI and your effort here.