react-router-dom не рендерит компонент

Всем привет. Route не рендерит переданный в нее компонент Landing. Ради интереса передавал в этот роут компоненты Navbar и Footer ситуация аналогичная.

Версия: "react-router-dom": "^4.3.1"

Вот App.js

 import React, { Component } from 'react'
 import {BrowserRouter as Router, Route} from 'react-router-dom'
 import Navbar from './components/layout/Navbar'
 import Footer from './components/layout/Footer'
 import Landing from './components/layout/Landing'
 import './App.css'
 class App extends Component {
  render() {
    return (
  <Router>
  <div className="App">
    <Navbar/>
    <Route exact path= '/' Component= {Landing} />
    <Footer/>
  </div>
  </Router>
)
 }
}
 export default App

Есть идея использовать react hooks и сделать компонент Layout функциональным и в роуте передавать его не у пропс component = {} а у render = {}, но все же хотелось бы найти решение с использованием Layout как классового компонента и передавать его в роут как component = { Layout }