Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

[klals]

I use React Remix with
import Carousel from 'react-material-ui-carousel'
import { Paper } from '@mui/material'

{ items.map( (item, i) => ) }

    function Item({ item }: { item: any }) {
const media = useMediaQuery('(max-width:600px)');
return (
    <div className="wrap-custom-div">
      
          <img src={item.image}  />
        <div className="carousel-content">
            <i>{item.quote}</i>

            <h3> {item.name} </h3>
            <h5> {item.title} </h5>
        </div>
    </div>
)

}

how can i resovle

[yarkovaleksei]

I have the same error in production. In dev mode everything works.