jest-extended 설정 중 TypeError

호출 순서 테스트, Mock 객체, jest-extended 강의 내용에서 나온 jest-extended를 사용해보고 있는데요. 테스트가 실패하진 않지만 IDE에서 타입 에러가 나면서 자동완성이 되고 있지 않은 상황입니다 ㅠㅠ 시도해본 IDE 환경은 VSCode, Webstorm 이고 둘다 에러가 나고 있습니다.

해당 이슈 겪어보신 분 계실까요?

// global.d.ts  

import "jest-extended";  

// tsconfig.json

{
  "files": ["global.d.ts"]
}

// testSetup.js

const matchers = require("jest-extended");
expect.extend(matchers);

// jest.config.js

/** @type {import('ts-jest').JestConfigWithTsJest} **/
export default {
  testEnvironment: "node",
  transform: {
    "^.+.tsx?$": ["ts-jest", {}],
  },
  setupFilesAfterEnv: ["./testSetup.js"],
};

에러나는 테스트코드 파일:

test("first > second > third (jest extended)", () => {
  const spy1 = jest.fn(first);
  const spy2 = jest.fn(second);
  const spy3 = jest.fn(third);
  spy1();
  spy2();
  spy3();
  expect(spy1.mock.invocationCallOrder[0]).toBeLessThan(
    spy2.mock.invocationCallOrder[0]
  );

  // toHaveBeenCalledBefore 함수를 타입스크립트 컴파일러가 인식하지 못함 
  expect(spy1).toHaveBeenCalledBefore(spy2);
  expect(spy3).toHaveBeenCalledAfter(spy2);
});

jest의 matchers 는 인식하지만, jest-extended 의 matchers 들은 인식하지 못하는 상태입니다.

(+그런데 한 가지 특이한 건, vscode 기준으로 testSetup.js 파일을 같이 띄워놓으면 타입 에러가 사라집니다...)

   import "jest-extended";
   
   declare global {
     namespace jest {
       interface Matchers<R> extends jestExtended.Matchers<R> {}
     }
   }

   {
     "compilerOptions": {
       "typeRoots": ["./node_modules/@types", "./global.d.ts"]
     }
   }