Found duplicate module imports JS-0232
Anti-pattern
Major
20 days ago
—
2 years old
'react' import is duplicated
1import NavBar from "./nav.js";
2import { useState } from "react";
3import React from "react"; 4import NextNProgress from "nextjs-progressbar";
5import { darkMode } from "../globalStates/theme.js";
6
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';