Found duplicate module imports JS-0232
Anti-pattern
Major
3 years ago
—
3 years old
'react' import is duplicated
1import Link from 'next/link';
2import React from 'react';
3import { Routes } from '../models/routes';
4import { useState } from 'react'; 5
6function SideNavbar({ show, setShow }) {
7 const hideMenu = () => setShow(false);
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';