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