index.tsx

import {BrowserRouter, Route, Routes} from "react-router-dom";
import styled from "styled-components";
import NotFound from "pages/NotFound";
import Hello from "pages/Hello";
import React from "react";
import Login from "pages/Connection/Login";
import Connection from "pages/Connection";
import Dashboard from "pages/Dashboard";

interface RouterPros {

}

const Router = ({}: RouterPros): JSX.Element => {
  return (
    <Container>
      <BrowserRouter>
        <Routes>
          <Route path={'/hello'} element={<Hello />}/>

          {/* This line must always remain the last line of the router! */}
          <Route path={'*'} element={<NotFound />}/>
        </Routes>
      </BrowserRouter>
    </Container>
  )
};

const Container = styled.div`
  height: 100vh;
  width: 100vw;
`;

export default Router;