Tengo un componente React Native en el que solicito datos en useEffect y renderizo los datos en consecuencia. Pero necesito pedir datos cada 2 segundos y lo estoy haciendo. Pero todo el componente parpadea cada dos segundos. ¿Cómo puedo detener eso? Aquí está mi componente en este momento:
const Climate = () => { const rooms: ControllerRoom<ClimateRoomItemType>[] = useSelector(climateSelector); const displayRoomList = useSelector(displayRoomListSelector); //State const [active, setActive] = useState<number>(-1); const [count, setCount] = useState<number>(0); const [isFetching, setIsFetching] = useState<boolean>(true); //Handlers const fetchClimate = useCallback( () => dispatch(desktopAction.fetchClimate()), [dispatch], ); useLayoutEffect(() => { fetchClimate(); fetchData(); }, []); const fetchData = useCallback( () => { const interval = setInterval(() => { fetchClimate(); }, 2000); return () => { fetchClimate(); clearInterval(interval); }; },[] ); useEffect(() => { if (active < 0 && rooms.length > 0) { setActive(newlist[0][0].id); setIsFetching(false); } }, [rooms, isFetching]); return( <ControllerContainer> {!displayRoomList ? ( <RoomsClimate key={Math. floor(Math. random() * 100)} rooms={rooms} displayRoomList={displayRoomList} /> ) : null} </ControllerContainer> ) } export default memo(Climate);¿Cómo puedo detener el parpadeo del componente y seguir solicitando datos cada 2 segundos?