Does anyone knows how to persist original image dimensions?

[joneakira]

when I paste a image into plate editor the image stretch to full width:

here's the original image on other document:

and here's my plateUi components:

let components = createPlateUI({ [ELEMENT_EXCALIDRAW]: ExcalidrawElement, [ELEMENT_CODE_BLOCK]: StyledElement, [ELEMENT_IMAGE]: withProps(ImageElement, { styles: { root: { maxWidth: "100%", height: "auto", }, }, }), });

I already tried some width, maxWidth, height, maxHeight alternatives but I'm open to any ideas

[zbeyens]

You can fork ImageElement: it's a dumb implementation using composition

[joneakira]

uuu thanks!!!

[joneakira]

What am I missing? .-.

[zbeyens]

We're using twin.macro but you should use your styling solution or just className