'react-router-dom' import is duplicated
1import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
2import { Outlet } from "react-router-dom"; 3import "./styles/App.css";
4
5import Dashboard from './components/Dashboard/Dashboard';
Description
Using a single import
statement per module will make the code clearer because you can see everything being imported from that module on one line.
In the following example the module
import on line 1 is repeated on line 3. These can be combined to make the list of imports more succinct.
import { merge } from 'module';
import something from 'another-module';
import { find } from 'module';
Bad Practice
import { merge } from 'module';
import something from 'another-module';
import { find } from 'module';
Recommended
import { merge, find } from 'module';
import something from 'another-module';