Activa el modo Modal y obtén el error "No se puede leer la propiedad 'contiene' de indefinido": javascript, reactjs, redux, react-redux, react-bootstrap

Estoy haciendo un botón AGREGAR para activar el Modal deReact-Bootstrap utilizando react-redux. una vez hago clic en el botón AÑADIR. Obtuve el error "No se puede leer la propiedad" contiene el error "no definido". Mi código de componente modal tiene este aspecto:

import {connect} from "react-redux";
import React, {Component} from "react";
import { Modal } from "react-bootstrap";

class PopUp extends Component {

render () {

console.log(this.props.modal_open.show);
return (

<Modal show = {this.props.modal_open.show} >
here goes <Modal> body
</Modal>

);
}
}
export default connect(mapStateToProps)(PopUp);

Puse console.log (this.props.modal_open.show) justo antes de la etiqueta modal. Después de hacer clic en el botón AÑADIR, la consola muestra "verdadero", por lo que debería haber abierto Modal. Pero me salió el error.

He estado tratando de resolverlo durante 2 días. He hecho muchas búsquedas en línea. Todavía no tengo ni idea de este problema. Espero que alguien me pueda ayudar!

Respuestas

Si actualizaste a React 16 (Fibra), esto podría estar relacionado con este problema. Todavía estoy tratando de encontrar una solución que funcione para mí, pero hay un par de correcciones disponibles en la página de ese problema si revisas los comentarios, lo que podría ser útil para ti.

Posiblemente relacionado: El modal de react-bootstrap "no funciona con React 16.