Estou trabalhando em um componente que funciona com a loja MobX e me deparei com um problema. Quando vou para uma página com um id de item diferente, depois de carregar os dados, vejo os dados anteriores antes que o novo seja renderizado. Então, escrevi esta verificação para a primeira renderização, que parece funcionar bem para preparar o componente para renderizar, mas me parece que pode ser um código ruim. É assim?
"use client"
const Component = (props) => {
const isFirstRender = useRef(true)
if (isFirstRender.current) {
/* some action */
isFirstRender.current = false
}
return (
/* some jsx */
)
})