reactjs - Zašto je moj modul prazan {} kada pokrećem Jest i uvozim ESM modul?


Uvozim zadani import iz paketa node_module koji izvozi ESM modul. Postavio sam svoj Jest/Babel tako da je prestao prijavljivati SyntaxError: Unexpected token import, ali sada kad modul uspješno uvozim, ispostavilo se da je modul prazan objekt. Trebam li nekako transformirati svoj kod? (P.S. Vjerojatno je suvišno reći, ali import u mojoj aplikaciji funkcionira bez problema.) (P.P.S. Koristim Create React App i TypeScript, u slučaju da to ima razlike.)

jest.config.js

module.exports = {
  moduleNameMapper: {
    '\\.(css|less)$': 'identity-obj-proxy',
  },
  preset: 'ts-jest',
  transformIgnorePatterns: ['node_modules/(?!(@micro-frontend-apps)/)'] // this successfully allows the ESM module to be imported without complaint
};

styles.ts (se testira)

import { theme } from '@micro-frontend-apps/design-systems-library';
import styled from 'styled-components';

const InputContainer = styled.div`
  .react-tel-input {
    font-family: ${theme.font.fontFamilyBrand}; // *theme is undefined here*
    li {
    ...