Dispatch redux action on history location route change with React Router v5

HistoryListener.js

// HistoryListener.js

import React, { useEffect, useState } from "react";
import { connect } from "react-redux";
import { useHistory } from "react-router-dom";
import { someAction } from "./../redux/someReducer/actions";

const HistoryListener = ({
    children,
    // MDTP
    someAction,
}) => {
    const [isFirstRender, setIsFirstRender] = useState(true);
    const history = useHistory();
    
    // locations listener
    useEffect(() => {
        console.log("Location:", history.location.pathname)
        someAction(); 
        setIsFirstRender(false);
        
        return history.listen((location) => {
	    console.log("Location:", location.pathname)
            someAction();
        });
    }, [history]);
    
    // if is the first time render, show loading
    if (isFirstRender) {
        return <p>Loading...</p>;
    }
    
    return children;
};

const mapDispatchToProps = (dispatch) => ({
    someAction: () => dispatch(someAction()),
});

export default connect(null, mapDispatchToProps)(HistoryListener);