material-ui search icons is not imported

Question

import React from 'react'
import {Search} from "@material-ui/icons/Search"
const App = () => {
  return (
    <div>
    <Search/>
    </div>
  )
}
export default App

export 'Search' (imported as 'Search') was not found in '@material-ui/icons/Search' (possible exports: __esModule, default)

search icons is not imported,but i installed material packages and it is not showing in package.json

Alexxino · Accepted Answer · 2023-05-15T16:44:48.637

0

The correct import is:

import SearchIcon from '@mui/icons-material/Search';

If you haven't already, you'll have to install

npm i @mui/icons-material

You can find all of the icons here: https://mui.com/material-ui/material-icons/

edited May 15 '23 at 16:44

answered May 15 '23 at 16:38

Alexxino

557
2
16

i installed but its not showing on my package dependency @Alexxino – Meeran Mohideen May 15 '23 at 16:50
If you already have installed mui-material packages, you'll have to run this command in the root folder of your react app – Alexxino May 15 '23 at 16:58
i installed the packages, but its not showing on my package.json no dependecy like material,but i installed both ways also@Alexxino – Meeran Mohideen May 15 '23 at 17:12
How did you create the react-app? – Alexxino May 15 '23 at 20:28
npx create-react-app – Meeran Mohideen May 16 '23 at 04:12

score 0 · Answer 2 · answered May 15 '23 at 16:54

if you look closely at your import statement

Wrong: /!\

import { Search } from "@material-ui/icons/Search

you are importing a module named Search, which already has a default export.
In order to use the default export you should use

Working:

import Search from "@material-ui/icons/Search

If you want to import multiple icons you should use the route /icons,
Then consume all the icons that you want here is how you can achieve that:

Working:

import { Search, Mail } from "@material-ui/icons

To install run:

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

material-ui packages are installed but its not showing on package.json@Moussa Bistami — Meeran Mohideen, May 15 '23 at 17:10

material-ui search icons is not imported

2 Answers2