Chakra UI Blank page

I’m following this tutorial and for some reason Chakra isn’t showing anything on my page, it’s just blank.

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {ThemeProvider, CSSReset} from "@chakra-ui/core";
import {BrowserRouter as Router} from "react-router-dom";

ReactDOM.render(
  <React.StrictMode>
    <ThemeProvider>
      <CSSReset>
        <Router>
          <App />
        </Router>
      </CSSReset>
    </ThemeProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

App.js:

import React from 'react';
import './App.css';
import {Button} from "@chakra-ui/core";
import {Switch, Route} from "react-router-dom";
import {LandingPage, MenuPage, DashboardPage} from "./pages"

function App() {
  return <h1>test</h1>
}

export default App;

I’m not getting any errors other than “no-unused-vars” from some variables that I didn’t use.

Taking a quick look at this, there is nothing to be rendered. This just seems like a skeleton.

I got it fixed and it’s now rendering, but when I start the file responsible for controlling the express side of things for Discord authentication, all of the HTML I was rendering goes away and gets replaced by “Cannot GET /”