Не понимаю почему на next 13 версии, react-dom 18, react 18, useEffect срабатывает не при первом рендере.
Приходится писать костыли в виде хука useIsFirstRender
, для того что бы это работало:
export async function getServerSideProps({ query }) {
const data = await productListStore.fetchProductsFilters(query)
productListStore.setProductsFilter(data)
return {
props: {
initialData: data,
},
}
}
const function useIsFirstRender(callback = () => {}) {
const isFirst = useRef(true)
if (isFirst.current) {
isFirst.current = false
callback()
return true
}
return isFirst.current
}
const Page = ({ initialData }) => {
useIsFirstRender(() => {
productListStore.setProductsFilter(initialData)
})
// render jsx...
}
export default observer(Page)
Может кто подскажет адекватный способ работы с этим, в проекте большое количество сторов.
useEffect()
. Если не указывать список зависимостей - он выполнит функцию один раз при создании, после смонтирования элемента в документ. Чем тебя такой вариант не устраивает?