ЯсноПонятно24

Для этого нужно добавить обработчик события на нажатие таба, который будет изменять значение ключа currentTab в SearchParams. Например:

import React, { useEffect, useRef } from 'react'; 
import { useSearchParams, useHistory } from 'react-router-dom';

export const Title = ({ children, tab }: { children: React.ReactNode, tab: string }) => { 
    const titleRef = useRef<HTMLHeadingElement>(null); 
    const [searchParams, setSearchParams] = useSearchParams();
    const history = useHistory();

    const handleTabClick = (selectedTab: string) => {
        setSearchParams({ currentTab: selectedTab });
        history.push(`?currentTab=${selectedTab}`);
    };

    useEffect(() => {
        if (searchParams.get('currentTab') === tab) { 
            titleRef.current?.scrollIntoView({ behavior: 'smooth' }); 
        } 
    }, [searchParams, tab]);

    return <h4 ref={titleRef} onClick={() => handleTabClick(tab)}>{children}</h4>;
};

Теперь при нажатии на таб будет меняться значение ключа currentTab в SearchParams и в URL, в зависимости от выбранного таба.