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.