Issue with jest-preview/transforms/file when use with ts-jest to process .tsx files

[nvh95]

Describe the bug
Cannot see images if we use ts-jest to process .tsx files

Demo video: https://youtu.be/rkgSxUaFfnY?t=502

To Reproduce

git clone https://github.com/jellydn/react-tips-2022-demo
cd react-tips-2022-demo
git checkout 973357373b2ea6fdc629e4b11872eb99951daed9
yarn 
yarn jest-preview
yarn test

Expected behavior
Should see the image

Additional context

When inspecting the cache of Jest Code Transformation for SVG using ts-jest, it looks like this

If I switch to @swc/jest, it looks like this:

The difference is that @swc/jest use _interopRequireDefault to import the file in both CommonJS and ES Modules cases. So this is likely the issue comes from ts-jest. (But it's ok since before jest preview, we do not care about SVG files in Jest)

Possible solutions

1. Open an issue/ Send a PR to ts-jest to include _interopRequireDefault (or similar)
2. Switch to other code transformers such as @swc/jest.

1 should be the correct fix. However, users can workaround using 2 when 1 is not ready yet.