using @walletconnect/modal with Jest having "encountered an unexpected token" error

[hui-an-yang]

Hello

I tried to use @walletconnect/modal in my code it built successfully but my unit test with jest encounter error below
Wondering if it's a known issue and if there is any workaround to fix it?

          Jest encountered an unexpected token
      
          Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import{ModalCtrl as t,ThemeCtrl as o,ConfigCtrl as i,OptionsCtrl as n}from"@walletconnect/modal-core";class d{constructor(e){this.openModal=t.open,this.closeModal=t.close,this.subscribeModal=t.subscribe,this.setTheme=o.setThemeConfig,o.setThemeConfig(e),i.setConfig(e),this.initUi()}async initUi(){if(typeof window<"u"){await import("@walletconnect/modal-ui");const e=document.createElement("wcm-modal");document.body.insertAdjacentElement("beforeend",e),n.setIsUiLoaded(!0)}}}export{d as WalletConnectModal};
                                                                                            ^^^^^^
      
          SyntaxError: Cannot use import statement outside a module
      
             7 | import { SignClientTypes, SessionTypes, PairingTypes } from '@walletconnect/types';
             8 | // import QRCodeModal from '@walletconnect/legacy-modal';
          >  9 | import { WalletConnectModal } from '@walletconnect/modal';
               | ^
            10 |
            11 | import {
            12 |   createOriginationOperation,
      
            at Runtime.createScriptFromCode (../../node_modules/jest-runtime/build/index.js:1505:14)