text: import React from "react";
  import { Route, Redirect, Switch } from "react-router-dom";
  import Movies from "./components/pages/movies";
  import TVShows from "./components/pages/tvshows";
  import NotFound from "./components/pages/notFound";
  import Movie from "./components/pages/movie";
  import TvShow from "./components/pages/tvShow";
  
  function App() {
    return (
      <div className="App">
        <main>
          <Switch>
            <Route path="/movies/:id" component={Movie}></Route>
            <Route path="/tv/:id" component={TvShow}></Route>
            <Route path="/movies" component={Movies}></Route>
            <Route path="/tv" component={TVShows}></Route>
            <Route path="/not-found" component={NotFound}></Route>
            <Redirect from="/" exact to="/movies"></Redirect>
            <Redirect to="/not-found"></Redirect>
          </Switch>
        </main>
      </div>
    );
  }
  
  export default App;
  