add basic route and simple home page

src/App.tsx

 import React from 'react';
-import logo from './logo.svg';
-import { Counter } from './features/counter/Counter';
 import './App.css';
+import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
 
-function App() {
+import Home from './pages/Home';
+
+const NotFound = () => {
  return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <Counter />
- <p>
- Edit <code>src/App.tsx</code> and save to reload.
- </p>
- <span>
- <span>Learn </span>
- <a
- className="App-link"
- href="https://reactjs.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- React
- </a>
- <span>, </span>
- <a
- className="App-link"
- href="https://redux.js.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Redux
- </a>
- <span>, </span>
- <a
- className="App-link"
- href="https://redux-toolkit.js.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Redux Toolkit
- </a>
- ,<span> and </span>
- <a
- className="App-link"
- href="https://react-redux.js.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- React Redux
- </a>
- </span>
- </header>
+ <div>
+ <h1>Notfound page</h1>
  </div>
+ )
+}
+
+function App() {
+ return (
+ <Router>
+ <div>
+ <Switch>
+ <Route exact path='/' component={Home} />
+ <Route component={NotFound} />
+ </Switch>
+ </div>
+ </Router>
  );
 }
 

src/pages/Home/index.tsx

+import React from 'react';
+import './index.css';
+
+export default () => {
+ return (
+ <div>
+ <h1>Home page111</h1>
+ </div>
+ )
+}