App.jsx

import React from "react";
import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";
import Countries from "./Countries";
import Languages from "./Languages";

const App = () => {
  return (
    <div className="App">
      <Router>
        <nav>
          <ul>
            <li>
              <Link to="/">All Countries</Link>
            </li>
            <li>
              <Link to="/language/en">English Speaking Countries</Link>
            </li>
          </ul>
        </nav>
        <div>
          <Switch>
            <Route path="/language/en">
              <Languages />
            </Route>
            <Route path="/">
              <Countries />
            </Route>
          </Switch>
        </div>
      </Router>
    </div>
  );
};

export default App;