¿Cómo solucionar el problema con el valor predeterminado roles = [], para que useEffect no se llame innecesariamente durante la re-renderización?