react-dom.development.js:86 Warning: A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it.

[lylest]

i get this when trying to wrapp my code with responsiveContex

import React,{createContext} from 'react' import { Grommet,ResponsiveContext,Box } from 'grommet'; import MainNavigator from './navigation/MainNavigator' import {BrowserRouter as Router} from 'react-router-dom' import './css/main.css'

function App() { return ( <Grommet theme={theme}> <ResponsiveContext.Consumer> <Router> <MainNavigator /> </Router>

   `</ResponsiveContext.Consumer>`
`</Grommet>`

) }

export default App