React app not loading; whitescreen with no errors

Hoping someone can help me as I am at my wits end trying to figure out why this isn’t loading. The site compiles with no errors but then just hangs loading and whitescreen; nothing in the DOM either to point out what is wrong.

Here is the source code (


import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

    <App />
 , document.getElementById('root')


import React from 'react'
import './App.css';
import Navbar from './components/Navbar/Navbar';
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'
import Home from './pages/Home';
import About from './pages/About';
import Portfolio from './pages/Portfolio';
import Contact from './pages/Contact';

function App() {
  return (
        <Navbar />
          <Route path='/' exact component= {Home}/>
          <Route path='/about' component= {About}/>
          <Route path='/portfolio' component= {Portfolio}/>
          <Route path='/contact' component= {Contact}/>

export default App;


There is an error in your Button component.

        className={`btn ${checkButtonStyle} ${checkButtonSize}`}

You are rendering Button in Button component.