Cannot find package '@mux/mux-player-react' imported from .../node_modules/react-datocms/dist/esm/VideoPlayer/index.js

[daniel3]

Describe the issue:

I am trying to use the react-datocms Image component to display images. However, I get this error: Cannot find package ‘@mux/mux-player-react’ imported from …/node_modules/react-datocms/dist/esm/VideoPlayer/index.js

I’m using Astro with React components.

Code:

import { Image } from 'react-datocms'
import { Copyright } from './Copyright'

export const Footer = ({ data }: FooterProps) =>
    data && (
        <footer>
            {data.ticker.gallery.map((item: any) => (
                <div>
                    <Image data={item.responsiveImage} />
                </div>
            ))}
            <Copyright text={data.text} />
        </footer>
    )

interface FooterProps {
    data: any
}

[daniel3]

I fixed by running this command npm install --save react-datocms @mux/mux-player-react docs although unrelated to the <Image /> component.