[Solved] export ‘Swap’ (imported as ‘Swap’) was not present in ‘react-router-dom’

In react-router-dom v6, Swap is changed by routes Routes.
You have to replace the import from:
import { Swap, Route } from "react-router-dom"; to:
import { Routes, Route } from 'react-router-dom'; You additionally have to replace the Route declaration from:
<Route path="/" element={Residence} /> to:
<Route path='/welcome' ingredient={<Residence/>} />