Error: se excedió la profundidad máxima de actualización. Esto puede suceder cuando un componente llama repetidamente a setState dentro de componentWillUpdate o componentDidUpdate. React limita la cantidad de actualizaciones anidadas para evitar bucles infinitos.

He creado un componente en reaccionar JS que devuelve el nombre del color. Solo quiero almacenar ese nombre de color en mi componente principal, entonces, ¿cómo puedo hacer esto?

aquí está mi línea de código que está creando un error:

 {this.setState({navColor: <ChangeNavColor stage={this.state.Stage}/>})}

¿O hay alguna otra forma en que pueda almacenar el valor de retorno de este componente en una variable y esa variable la asignaré a este estado "navColor"?