diff --git a/app/package.json b/app/package.json
index 872c5dcc90..557c609d0f 100644
--- a/app/package.json
+++ b/app/package.json
@@ -111,6 +111,12 @@
       "pre-push": "yarn lint:check"
     }
   },
+  "jest": {
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\](?!(contract-proxy-kit))[/\\\\].*\\.(js|jsx|mjs|cjs|ts|tsx)$",
+      "^.+\\.module\\.(css|sass|scss)$"
+    ]
+  },
   "browserslist": {
     "production": [
       ">0.2%",
diff --git a/app/src/hooks/useCpk.tsx b/app/src/hooks/useCpk.tsx
index 7c5f6ddcb1..f0bcd85ad8 100644
--- a/app/src/hooks/useCpk.tsx
+++ b/app/src/hooks/useCpk.tsx
@@ -1,4 +1,4 @@
-import CPK from 'contract-proxy-kit'
+import CPK from 'contract-proxy-kit/lib/esm'
 import EthersAdapter from 'contract-proxy-kit/lib/esm/ethLibAdapters/EthersAdapter'
 import { ethers } from 'ethers'
 import { useEffect, useState } from 'react'
diff --git a/app/src/services/cpk.ts b/app/src/services/cpk.ts
index 0ad2599127..4661620fe3 100644
--- a/app/src/services/cpk.ts
+++ b/app/src/services/cpk.ts
@@ -1,4 +1,4 @@
-import CPK from 'contract-proxy-kit'
+import CPK from 'contract-proxy-kit/lib/esm'
 import EthersAdapter from 'contract-proxy-kit/lib/esm/ethLibAdapters/EthersAdapter'
 import { ethers } from 'ethers'
 import { TransactionReceipt, Web3Provider } from 'ethers/providers'