I added Mateial UI on my project specifically for using Tooltip and it works fine, but it doesn’t when deploying the project. I imported the things needed this way:
<code>import Tooltip from '@mui/material/Tooltip';
import Zoom from '@mui/material/Zoom';
</code>
<code>import Tooltip from '@mui/material/Tooltip';
import Zoom from '@mui/material/Zoom';
</code>
import Tooltip from '@mui/material/Tooltip';
import Zoom from '@mui/material/Zoom';
And it looks like this inside the react component where I’m using it:
<code>{images.map((image, index) => {
return (
<Tooltip title={imageDictionary[image]} TransitionComponent={Zoom} placement='top' arrow key={`${id}_${index}`} >
<img src={image} alt="" />
</Tooltip>
)
})}
</code>
<code>{images.map((image, index) => {
return (
<Tooltip title={imageDictionary[image]} TransitionComponent={Zoom} placement='top' arrow key={`${id}_${index}`} >
<img src={image} alt="" />
</Tooltip>
)
})}
</code>
{images.map((image, index) => {
return (
<Tooltip title={imageDictionary[image]} TransitionComponent={Zoom} placement='top' arrow key={`${id}_${index}`} >
<img src={image} alt="" />
</Tooltip>
)
})}
I tried changing the way I import the elements and installing dependencies related but they don’t make a difference when deployed
package.json:
<code>"dependencies": {
"@emotion/cache": "latest",
"@emotion/react": "^11.13.0",
"@emotion/server": "latest",
"@emotion/styled": "^11.13.0",
"@mui/material": "^6.0.0-beta.4",
"@mui/styled-engine-sc": "^6.0.0-alpha.18",
"@mui/system": "^6.0.0-dev.240424162023-9968b4889d",
"react": "^18.3.1",
"react-dom": "latest"
},
</code>
<code>"dependencies": {
"@emotion/cache": "latest",
"@emotion/react": "^11.13.0",
"@emotion/server": "latest",
"@emotion/styled": "^11.13.0",
"@mui/material": "^6.0.0-beta.4",
"@mui/styled-engine-sc": "^6.0.0-alpha.18",
"@mui/system": "^6.0.0-dev.240424162023-9968b4889d",
"react": "^18.3.1",
"react-dom": "latest"
},
</code>
"dependencies": {
"@emotion/cache": "latest",
"@emotion/react": "^11.13.0",
"@emotion/server": "latest",
"@emotion/styled": "^11.13.0",
"@mui/material": "^6.0.0-beta.4",
"@mui/styled-engine-sc": "^6.0.0-alpha.18",
"@mui/system": "^6.0.0-dev.240424162023-9968b4889d",
"react": "^18.3.1",
"react-dom": "latest"
},