React项目中使用holder.js出现‘global is undefined’错误的求助

大家好，我在React项目里尝试用holder.js生成占位图片的时候碰到了一个问题，想请大家帮忙看看怎么解决。

我用的代码是这样的：

import { run as runHolder } from "holderjs/holder";
import React, { Fragment, useEffect } from "react";
import { Image } from "react-bootstrap";

export default function HolderExample() {
  useEffect(() => {
    runHolder("image-class-name");
  });
  return (
    <Fragment>
      <Image
        className="image-class-name"
        roundedCircle
        src="holder.js/20x20?text=J&bg=28a745&fg=FFF"
      />
    </Fragment>
  );
}

运行之后控制台报了这个错误：

Uncaught TypeError: global is undefined
newEl holder.js:2275

这段代码参考的是holder.js相关的讨论内容，提前谢谢大家的建议！

备注：内容来源于stack exchange，提问作者Park JongBum