React hooks + redux-hooks + redux-router-dom + immer-reducer

Products.tsx

import React, { useEffect } from "react";
import { withRouter } from 'react-router-dom'
import { useProductSelectors, useProductActions } from "../redux/actions/products"

import Qs from 'querystring'

const Products = withRouter(({ location: { search }, history}) => {
    const actions = useProductActions()

    const [products] = useProductSelectors(selectors => [selectors.getProducts()])
    const i18n = window.i18n

    const filter = Qs.parse(search.replace(/^\?/, ''))

    useEffect(() => {
        actions.fetchProducts(filter)
    }, [search])
        
    return (
        <div>
            <h2>Products</h2>
            <p>Content here</p>
        </div>
     )
})