Routing y layout

app/src/App.tsx

@@ -1,24 +1,19 @@
-import React, { ChangeEvent } from "react";
-import Select from "./components/UI/forms/select";
+import React from "react";
+import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
+import Layout from "./components/layout";
+import Home from "./components/pages/home";
 
 function App() {
-  let optionList: string[] | number[] = ["a", "b", "c", "d"];
-
   return (
-    <div>
-      <button className="btn btn-primary">hola</button>
-      <div style={{ maxWidth: "300px", margin: "auto" }}>
-        <Select
-          list={optionList}
-          onChange={(e: ChangeEvent<HTMLInputElement>) =>
-            console.log(e.target.value)
-          }
-          name="Comparación"
-          placeholder="Selección de comparación"
-          data-algo="algo"
-        />
-      </div>
-    </div>
+    <Router>
+      <Layout>
+        <Switch>
+          <Route exact path="/">
+            <Home />
+          </Route>
+        </Switch>
+      </Layout>
+    </Router>
   );
 }