Como se indica en el título, estoy tratando de crear un componente de diseño, pero el uso de cualquier componente de arranque de reacción parece darme errores. En este caso, usando me sale el error:

TypeError: no se pueden leer las propiedades de null (leyendo 'useContext')

El código para este componente de diseño se encuentra a continuación:

 import React from 'react'; import { Container } from 'react-bootstrap'; export const Layout = (props) => ( <Container> {props.children} </Container> )

Y esto se llama desde App.js a continuación:

 import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import { Layout } from './components/Layout'; import { Home } from './components/Home'; import './custom.css' class App extends Component { render () { return ( <Layout> <Switch> <Router> <Route exact path='/' component={Home} /> </Router> </Switch> </Layout> ); } } export default App;

Reemplazar las etiquetas del contenedor con div se procesa como se esperaba, pero cualquier uso de react-bootstrap provoca el error useContext.