jest-canvas-mock 和 React.lazy 出错

Question

我正在使用 Lottie 在 React 中渲染一些动画，并且我正在使用 Jest 和 React 测试库。 当我测试这样的组件时：

const TestComponent = () => {
  return (
    <div>
      <Lottie animationData={TestAnimation} loop={false} />
    </div>
  );
};

一切顺利。

但是，如果我测试一个通过延迟加载导入该组件的组件，如下所示：

const ComponentThatRendersLottie = lazy(() => import('./ComponentThatRendersLottie'));

const App = () => {

  return (
    <>
      <Suspense fallback={<div />}>
        <Routes>
          <Route element={<ComponentThatRendersLottie />} path="/some-path" />
        </Routes>
      </Suspense>
    </>
  );
};

然后我收到这样的错误：

Error: Uncaught [TypeError: Cannot set properties of undefined (setting 'fillStyle')]
The above error occurred in one of your React components:
      
     at Lazy
     at ...
     at ...
     ...
React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

我正在使用jest-canvas-mock并将其导入到我的setupTest.ts文件中。 我已经阅读了他们的文档，但我没有找到任何解决方案。