El uso de una llamada API en ComponentDidMount para actualizar la tienda Redux hace que mi componente se procese dos veces

Soy un novato en React / Redux. Cualquier ayuda sería genial. Tengo un componente que realiza una llamada API en ComponentDidMount para obtener datos y luego actualizar mi tienda Redux. Ese componente también usa connect para obtener el estado de Redux y pasarlo como accesorios a un componente tonto.

componentDidMount() {
  this.props.dispatch(fetchSite()) //this triggers the api call and updates the redux store.
}

return ( 
  <div>
    <Child
        myprop={this.props.name}
    />
  </div>

export default connect((state) => ({name: state.name}))(Container);

Debido a que componentDidMount se dispara después de que el componente se procesa, se renderizará, ejecutará la api y luego se volverá a renderizar porque la api cambió el estado redux. Esto hace que el componente se procese dos veces. La primera vez sin datos, y luego la segunda con buenos datos de la API.

¿Hay una mejor manera?

Dado que mi componente Child representa diferentes cosas en función de los accesorios que se pasa, muestra brevemente algo diferente la primera vez que se procesa. Luego, cuando la API actualiza la tienda y los componentes se vuelven a procesar, muestra algo diferente nuevamente. Es un parpadeo de dos estados diferentes.

¿Hay alguna manera de hacer que solo se procese una vez con los datos API correctos?