Temp

import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';

const useScrollToTop = () => {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);
};

export default useScrollToTop;


import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './pages/Home/Home';
import Login from './pages/Login/Login';
import SignUp from './pages/SignUp/SignUp';
import ComponentsPage from './pages/Components/Components';
import useScrollToTop from './hooks/useScrollToTop';

const App = () => {
  useScrollToTop();  // Custom hook is used here

  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/login" component={Login} />
        <Route path="/signup" component={SignUp} />
        <Route path="/components" component={ComponentsPage} />
        {/* Add more routes as needed */}
      </Switch>
    </Router>
  );
};

export default App;