React中能否在Vercel/OG图片生成器里为div设置clipPath？

我在React项目里通过clipPath实现倒三角形div，用来分隔文本区域和图片（父元素为flex row布局）。这段代码在普通React项目中运行正常，但复制到og.tsx文件后，div仅显示为正方形。

预期效果：
实际效果：

使用的裁剪代码如下：

<div
  style={{
    backgroundColor: 'white',
    width: '132px',
    height: '100%',
    clipPath: 'polygon(100% 0, 0% 100%, 0 0)',
  }}
/>

内容的提问来源于stack exchange，提问作者jauki