react-admin ImageField compoment with custom width

PreviewImageField.tsx

import { ImageField } from "react-admin";
import styled from "@emotion/styled";

export default function PreviewImageField({
  record,
  source,
  width = "unherit",
}: any & ImageStyledProps) {
  if (typeof record == "string") {
    record = {
      [source]: record,
    };
  }

  return <StyledImage width={width} record={record} source={source} />;
}

const dynamicStyle = (props: ImageStyledProps) => ({ width: props.width });

const StyledImage = styled(ImageField)<ImageStyledProps>`
  & img {
    ${dynamicStyle}
    object-fit: cover;
  }
`;

type ImageStyledProps = {
  width: number | string;
};