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]);