Перенаправление не кажется надежным

Я пытаюсь перенаправить пользователя на статью, на которую он нажал, когда нажимает на статью. Иногда кажется, что это работает, а иногда кажется, что ничего не происходит.

const searchResult = props => {
    const [url, setUrl] = useState('');

    const listItemClicked = url => {
        setUrl(url);
    };

    if (url !== '') {
        console.info(url);
        return <Redirect to = {url} />;
    }

    return (
        <li key = {props.resultName} className = "result-list" onClick = {() => listItemClicked(props.url)}>
            <div className = "result">
                <p>{props.resultName[0].toUpperCase() + props.resultName.slice(1)}</p>
            </div>
        </li>
    );
};

export default searchResult;

console.info(url); показывает URL-адрес каждый раз, просто кое-что, о чем следует помнить, поэтому я сказал, что перенаправление не кажется очень надежным / также необходимо использовать случай, если я уже нахожусь в /help, и я перенаправляю на /help, вызовет ли это какие-либо проблемы , Я так не думаю, но просто добавляю это туда.

Любые рекомендации о том, как я могу решить эту проблему по-другому или что я могу сделать, чтобы сделать это более надежным? Как бы вы это сделали, если бы продвигали это в производство? Заранее спасибо!

Обновлять — Кажется, я получаю сообщение об ошибке, когда я нахожусь в /help и перенаправляюсь на /help