Found multiple import of the same path JS-R1000
Style
Minor
2 days ago
—
4 months old
'react-router-dom' imported multiple times
4import Footer from "../Footer/Footer";
5import BackToHomeButton from "../backtohome";
6
7import { useNavigate } from "react-router-dom"; 8
9const JoinUs = () => {
10 return ('react-router-dom' imported multiple times
1import React from "react";
2import "./Joinus.css";
3import { Link } from "react-router-dom"; 4import Footer from "../Footer/Footer";
5import BackToHomeButton from "../backtohome";
6'react-router-dom' imported multiple times
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';'react-router-dom' imported multiple times
1import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; 2import { Outlet } from "react-router-dom";
3import "./styles/App.css";
4
Description
It is always recommended to group all imports of a single path or source in a single import declaration. These usually happen in a codebase when multiple developers are working on the same codebase. It helps improving code refactoring and code readability as well.
Bad Practice
// <!-- index.js -->
import calc from './calc.js'
import { add } from './calc.js'
console.log(add(1, 2))
Recommended
// <!-- index.js -->
import calc, { add } from './calc.js'
console.log(add(1, 2))