estoy recibiendo el siguiente error:
Advertencia: la renderización directa no es compatible y se eliminará en una versión principal futura. ¿Quería representar <Context.Consumer> en su lugar?
Este es mi componente app.js:
import React from "react"; import "./App.css"; import "bootstrap/dist/css/bootstrap.min.css"; import Navbar from "./components/Navbar"; import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import Home from "./pages/Home"; import SignInSide from "./components/SignInSide"; import AboutUs from "./pages/AboutUs"; import ourservices from "./pages/OurServices"; import portfolio from "./pages/portfolio"; import SignUp from "./components/signup"; import booking from "./pages/book"; import PreviousBookings from "./pages/PreviousBookings"; import BookingContext from "./context/bookings/BookingContext"; function App() { return ( <> <BookingContext> <Router> <Navbar /> <Switch> <Route path="/" exact component={Home} /> <Route path="/aboutus" component={AboutUs} /> <Route path="/ourservices" component={ourservices} /> <Route path="/developer" component={portfolio} /> <Route path="/login" component={SignInSide} /> <Route path="/signup" component={SignUp} /> <Route path="/booking" component={booking} /> <Route path="/booking-history" component={PreviousBookings} /> </Switch> </Router> </BookingContext> </> ); } export default App;Estoy tratando de usar el gancho useContext.
Tuve este error no hace mucho tiempo. El problema estaba en mis importaciones... así que estaba importando el contexto en sí mismo y renderizándolo, en lugar de la función del proveedor de contexto en sí.