buenas noches, quiero pedirles un consejo si no es mucha molestia.Estoy trabajando con React y al almacenar los valores que extraigo de una Api y guardarlos en el useState funciona de manera correcta, el problema viene al observar los cambios que se hagan en los objetos que trae dicha Api. La manera que tengo entendida de obervar los cambios es pasarle al useEffect el state que me almacena los datos de la api para que asi se renderie el componente cada que tenga cambios la Api, pero me genera muchas peticiones al back lo cual no es correcto, hay alguna mejor forma de hacer esto, o es que hay algo que no estoy haciendo bien?
const [productos, guardarProductos] = useState([]);
useEffect(() => {
//query a la API
const obtenerProductos = () => {
let url = 'products'
MethodGet(url)
.then(res=>{
guardarProductos(res.data.products)
)
.catch(error=>{
console.log(error);
)
}
obtenerProductos();
}, [productos]);