How do I pass in dimensions for a Mediafile component?

[DaniBitZesty]

I am getting the following error:
No sizes prop provided to Image component, you may be loading unnecessarily large images.
when displaying images using the Mediafile component, which I believe renders an Image component. I can see on the prop mediaOptions can be passed in to the Mediafile as options for an Image component. and I can see that the Image component uses the 'sizes' prop. I expected something like this to resolve my issue but the error continues appearing. How should I use the mediaOptions prop?

    <MediaFile
      tabIndex="0"
      className={`object-cover`}
      mediaOptions={{height: 490, width: 595}}....

[frehner]

Yeah we could document this better! It should be:

<MediaFile data={data} mediaOptions={{image: {height: 490, width: 595}}} />

I believe.

[DaniBitZesty]

Thank you for the speedy reply, this resolved the issue!

[jamalsoueidan]

MediaFile

@DaniBitZesty if you are using vscode, you can click on mediaOptions and read the types? and also documentation for this prop.