use client branch ts/deps

package.json

@@ -10,9 +10,11 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@blockworks-foundation/mango-v4": "git+https://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:x-oauth-basic@github.com/blockworks-foundation/mango-v4.git#dev",
+    "@blockworks-foundation/mango-v4": "git+https://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:x-oauth-basic@github.com/blockworks-foundation/mango-v4.git#ts/deps",
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.6",
+    "@jup-ag/core": "^1.0.0-beta.27",
+    "@project-serum/anchor": "0.24.2",
     "@solana/wallet-adapter-base": "^0.9.5",
     "@solana/wallet-adapter-react": "^0.15.4",
     "@solana/wallet-adapter-react-ui": "^0.9.6",
@@ -27,7 +29,6 @@
     "zustand": "^3.7.2"
   },
   "peerDependencies": {
-    "@project-serum/anchor": "^0.22.0",
     "@project-serum/serum": ">=0.13.62"
   },
   "devDependencies": {

store/state.ts

@@ -1,7 +1,7 @@
 import create from 'zustand'
 import { subscribeWithSelector } from 'zustand/middleware'
 import produce from 'immer'
-import { AnchorProvider, Wallet } from '@project-serum/anchor'
+import { AnchorProvider, Wallet, web3 } from '@project-serum/anchor'
 import { Connection, Keypair, PublicKey } from '@solana/web3.js'
 import {
   MangoClient,
@@ -17,11 +17,12 @@ const DEVNET_GROUP = new PublicKey(
   'A9XhGqUUjV992cD36qWDY8wDiZnGuCaUWtSE3NGXjDCb'
 )
 
-export const connection = new Connection(
+export const connection = new web3.Connection(
   'https://mango.rpcpool.com/946ef7337da3f5b8d3e4a34e7f88',
   'processed'
 )
-const options = AnchorProvider.defaultOptions() // use Provider instead of Provider
+const options = AnchorProvider.defaultOptions()
+
 const provider = new AnchorProvider(
   connection,
   new EmptyWallet(Keypair.generate()),