feat: criação da base do router

desafio-react-e-typescript/src/App.tsx

@@ -1,3 +1,5 @@
+import { Router } from "./router";
+
 export const App = () => {
-  return <h1> Hello World !</h1>;
+  return <Router />;
 };

desafio-react-e-typescript/src/index.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
 import { App } from "./App";
 
 const root = ReactDOM.createRoot(
@@ -7,6 +8,8 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
 );

desafio-react-e-typescript/src/pages/About.tsx

@@ -0,0 +1,3 @@
+export const About = () => {
+  return <h1>Sobre</h1>;
+};

desafio-react-e-typescript/src/pages/home.tsx

@@ -0,0 +1,3 @@
+export const Home = () => {
+  return <h1>Hello World</h1>;
+};

desafio-react-e-typescript/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

desafio-react-e-typescript/src/router.tsx

@@ -0,0 +1,13 @@
+import { Routes, Route } from "react-router-dom";
+
+import { Home } from "./pages/home";
+import { About } from "./pages/About";
+
+export const Router = () => {
+  return (
+    <Routes>
+      <Route path="/" element={<Home />} />
+      <Route path="/Sobre" element={<About />} />
+    </Routes>
+  );
+};