Bacancy Technology

Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Rise™.

12+

Countries where we have happy customers

1050+

Agile enabled employees

World wide offices

12+

Years of Experience

Agile Coaches

Certified Scrum Masters

1000+

Clients projects

1458

Happy customers

ReactJS

October 9, 2023

Trying to Import `@heroicons/react/outline/SearchIcon` From Heroicons v1 But Have Installed Heroicons v2. Install `@heroicons/react@v1`

You might be trying to import icons from both v1 and v2:

To resolve this issue, we need to make sure that we’re using the correct version of Heroicons consistently throughout our project.

Since the error mentions that we’ve installed Heroicons v1, we need to ensure that we’ve done this:

npm install @heroicons/react@v1

Then in our component, we should import like this:

import {
    SearchIcon,
    PlusCircleIcon,
    UserGroupIcon,
    HeartIcon,
    PaperAirplaneIcon,
    MenuIcon
} from "@heroicons/react/outline";

If the error still persists, double-check the following:

1. Clear your npm cache by running npm cache clean –force.
2. Restart your development server.

Support On Demand!

Related Q&A

React Animation for Individual Photos As You Scroll Down with Framer Motion and Intersection Observer

How to Use Debounce with useQuery in React Query?

Pagination is not working properly using React-Router DOM

React PDF Not Rendering PDF in IOS 15.5

Connection between index.html and index.js in a Create-React-App application

React PDF Responsiveness Using React Hooks