Function renderImage

packages/plugins/image/src/components/image.tsx:171–189

()

    }

    const renderImage = () => {
      if (isError || !src || !loaded) return null

      const atts = {
        [DATA_IMAGE_KEY]: Editable.findKey(editor, element).id,
      }
      return (
        <img
          {...atts}
          alt=""
          draggable={false}
          css={[
            tw`inline-block align-baseline rounded w-full h-full`,
            isUploading && tw`opacity-30`,
          ]}
          src={rotatedUrl || src}
        />
      )
    }

    const handleResizeChange = (width: number, height: number) => {
      Transforms.setNodes<Image>(