React сохраняет state при изменении роута

Появилась проблема, когда имею вот такой линк

localhost:3000/users?id=2

При этом ложу в state объект пользователя, так как получил его из параметра id. И когда нажимаю в браузере вернуться назад, тоесть на страницу

  localhost:3000/users

State сохраняется, и у меня там дальше лежит объект пользователя. Как пофиксить данную проблему?

 const { search } = useLocation();
  
    const fetchData = () => {
        console.log(window.location.search)
        const url = new URLSearchParams(
            search
        );
        console.log(url.get('id'))
        if (url.get('id')) {
            network({
                method: 'get',
                url: 'users/'+url.get('id'),
            }).then(response => {
                user = response.data
                setUser(user)
                console.log(user)
            })
        }else {
            loadUsers()
        }
    }
    useEffect(() => {
        console.log(search)
        fetchData();
    }, [search]);

Ответы (0 шт):