Erreur : Element type is invalid : expected a string (for built-in components) or a class/function (for composite components) but got : undefined. Vous avez probablement oublié d'exporter votre composant à partir du fichier dans lequel il est défini, ou vous avez peut-être mélangé les importations par défaut et nommées.
Codes :
Index.js
import { StrictMode } from "react";
import ReactDOM from "react-dom";
import App from "./App";
const rootElement = document.getElementById("root");
ReactDOM.render(
<StrictMode>
<App />
</StrictMode>,
rootElement
);
App.js
import React from "react";
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
export default function App() {
return (
<Router>
<div>
<Link to="/">Home</Link>
<Link to="/about">About</Link>
</div>
<Switch>
<Route path="/" exact></Route>
</Switch>
</Router>
);
}
Home.js
import React from "react";
function Home() {
return (
<div>
<h2>Hello You are at Home </h2>
</div>
);
}
export default Home;