Может из-за fast refresh

Ты дебажил анмаунт компонентов?

Он происходит?

если ты делаешь переход на туже страницу, почему state должен сбрасыватся?

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

ну если бы это сбрасывалось, то при каждой смене query (по типу currentPage) для какой нибудь таблицы, будет происходить релоад всей страницы, что не совсем то что хочется. а сбрасывать state ты можешь подменой key у компонента

А как это сделать, я использую модуль shortid для генерации key, но он вроде как сам по себе не меняется при ререндеринге. Значит загнать его в переменную и при unmount сбрасывать? Просто не во всех случаях мне надо этот state сбрасывать, не при всех изменениях useState,а только при вызове роутера.

как быстрый вариант, можешь использовать query у роута, но надо думать что то другое.. просто не совсем понятен кейс

при изменении query сбрасывать state

Я в общем подобные проблемы решал так - `let variable = null;
on routerChangeComplete - variable = <new state>`, потом при монтировании компонента - useEffect - if variable not null - setState(variable) но действия ведь асинхронные и монтирование не всегда происходит тогда, когда уже запустился Router event. или наоборот. Что странно, поскольку на 1 странице работает нормально, но вот взяв свой же код на другую страницу - вызывается одна быстрее другой, но не всегда, дебажил через timestamp.

Это же и выдает ошибку setState on unmounted component (если я напрямую в колбэк роутера напишу — если ты изменил страницу, сбрось стейт), через раз. Если бы не эта ошибка то можно было бы вызывать колбэк роутера, он там не один раз выполняется, рано или позно он бы мне сбросил нужный стейт.

а почему не используешь useRouter? или withRouter ?

useRouter имеет колбэк который запустится после монтирования компонента? Или как мне тогда отследить что страница была изменена, переход выполняется по клику на Link, не router.push чтобы там передавать что-то еще.

в Link можешь передавать ?refresh=true

let { query } = useRouter()
useEffect(() => {
  if (query.refresh) {
    // update/clear state here
  }
}, [query])

Странно, но при возврате назад оно сохранена история

replace лишь меняет текущий урл

let { query } = useRouter()
useEffect(() => {
  if (query.refresh) {
    // update/clear state here
  }
}, [query])

полный ад))

useEffect(() => {
  Router.events.on('routeChangeComplete', (url) => {
   // свой код
 });
}, [Router]);

отписку ток не забдьте добавить :D

а зачем router в подписке?

а зачем кидать в квери refresh=true который является костылём?)

я в самом начале сказал что это костыль и надо думать что то еще