React/scrollToTopコンポーネント

import { useEffect } from 'react';
import {useSelector} from "react-redux";

const ScrollToTop = () => {
    const selector = useSelector((state) => state);
    const pathname = selector.router.location.pathname
    const search = selector.router.location.search

    // Update after changing path or query
    useEffect(() => {
        try {
            window.scroll({
                top: 0,
                left: 0,
                behavior: 'smooth',
            });
        } catch (error) {
            // just a fallback for older browsers
            window.scrollTo(0, 0);
        }
    }, [pathname, search]);

    return null;
};

export default ScrollToTop