diff --git a/packages/thirdweb-react/docs/react.useactivelistings.md b/packages/thirdweb-react/docs/react.useactivelistings.md
index 44e521b..d1cdff9 100644
--- a/packages/thirdweb-react/docs/react.useactivelistings.md
+++ b/packages/thirdweb-react/docs/react.useactivelistings.md
@@ -12,7 +12,7 @@ Use this to get a list active listings from your marketplace contract.
 <b>Signature:</b>
 
 ```typescript
-export declare function useActiveListings(contract: RequiredParam<Marketplace>, filter?: MarketplaceFilter): import("@tanstack/react-query").UseQueryResult<(import("@thirdweb-dev/sdk/dist/browser").AuctionListing | import("@thirdweb-dev/sdk/dist/browser").DirectListing)[], unknown>;
+export declare function useActiveListings(contract: RequiredParam<Marketplace>, filter?: MarketplaceFilter): import("@tanstack/react-query").UseQueryResult<(import("@thirdweb-dev/sdk").AuctionListing | import("@thirdweb-dev/sdk").DirectListing)[], unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useActiveListings(contract: RequiredParam<Marketplace>,
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;(import("@thirdweb-dev/sdk/dist/browser").AuctionListing \| import("@thirdweb-dev/sdk/dist/browser").DirectListing)\[\], unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;(import("@thirdweb-dev/sdk").AuctionListing \| import("@thirdweb-dev/sdk").DirectListing)\[\], unknown&gt;
 
 a response object that includes an array of listings
 
diff --git a/packages/thirdweb-react/docs/react.usebatchestoreveal.md b/packages/thirdweb-react/docs/react.usebatchestoreveal.md
index fd7d560..197d639 100644
--- a/packages/thirdweb-react/docs/react.usebatchestoreveal.md
+++ b/packages/thirdweb-react/docs/react.usebatchestoreveal.md
@@ -7,7 +7,7 @@
 <b>Signature:</b>
 
 ```typescript
-export declare function useBatchesToReveal<TContract extends NFTContract>(contract: RequiredParam<TContract>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk/dist/browser").BatchToReveal[], unknown>;
+export declare function useBatchesToReveal<TContract extends NFTContract>(contract: RequiredParam<TContract>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk").BatchToReveal[], unknown>;
 ```
 
 ## Parameters
@@ -18,7 +18,7 @@ export declare function useBatchesToReveal<TContract extends NFTContract>(contra
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk/dist/browser").BatchToReveal\[\], unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk").BatchToReveal\[\], unknown&gt;
 
 a response object that gets the batches to still be revealed
 
diff --git a/packages/thirdweb-react/docs/react.useclaimineligibilityreasons.md b/packages/thirdweb-react/docs/react.useclaimineligibilityreasons.md
index 2af9957..263d584 100644
--- a/packages/thirdweb-react/docs/react.useclaimineligibilityreasons.md
+++ b/packages/thirdweb-react/docs/react.useclaimineligibilityreasons.md
@@ -12,7 +12,7 @@ Use this to check for reasons that prevent claiming for either ERC20, ERC721 or
 <b>Signature:</b>
 
 ```typescript
-export declare function useClaimIneligibilityReasons<TContract extends NFTContract | Erc20>(...[contract, params, tokenId]: ClaimIneligibilityInputParams<TContract>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk/dist/browser").ClaimEligibility[], unknown>;
+export declare function useClaimIneligibilityReasons<TContract extends NFTContract | Erc20>(...[contract, params, tokenId]: ClaimIneligibilityInputParams<TContract>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk").ClaimEligibility[], unknown>;
 ```
 
 ## Parameters
@@ -23,7 +23,7 @@ export declare function useClaimIneligibilityReasons<TContract extends NFTContra
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk/dist/browser").ClaimEligibility\[\], unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk").ClaimEligibility\[\], unknown&gt;
 
 a response object with the resons for the claim ineligibility
 
diff --git a/packages/thirdweb-react/docs/react.usecontractmetadata.md b/packages/thirdweb-react/docs/react.usecontractmetadata.md
index e744865..e8bdcf9 100644
--- a/packages/thirdweb-react/docs/react.usecontractmetadata.md
+++ b/packages/thirdweb-react/docs/react.usecontractmetadata.md
@@ -13,7 +13,7 @@ Use this to get the contract metadata for a (built-in or custom) contract.
 
 ```typescript
 export declare function useContractMetadata(contractAddress: RequiredParam<ContractAddress>): import("@tanstack/react-query").UseQueryResult<{
-    [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+    [x: string]: import("@thirdweb-dev/sdk").Json;
     description?: string | undefined;
     image?: any;
     external_link?: string | undefined;
@@ -29,7 +29,7 @@ export declare function useContractMetadata(contractAddress: RequiredParam<Contr
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
 
 a response object that includes the contract metadata of the deployed contract
 
diff --git a/packages/thirdweb-react/docs/react.usecreateauctionlisting.md b/packages/thirdweb-react/docs/react.usecreateauctionlisting.md
index 1054794..91f9e4f 100644
--- a/packages/thirdweb-react/docs/react.usecreateauctionlisting.md
+++ b/packages/thirdweb-react/docs/react.usecreateauctionlisting.md
@@ -12,7 +12,7 @@ Use this to create a new Auction Listing on your marketplace contract.
 <b>Signature:</b>
 
 ```typescript
-export declare function useCreateAuctionListing(contract: RequiredParam<Marketplace>): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId<never>, unknown, NewAuctionListing, unknown>;
+export declare function useCreateAuctionListing(contract: RequiredParam<Marketplace>): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk").TransactionResultWithId<never>, unknown, NewAuctionListing, unknown>;
 ```
 
 ## Parameters
@@ -23,7 +23,7 @@ export declare function useCreateAuctionListing(contract: RequiredParam<Marketpl
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId&lt;never&gt;, unknown, NewAuctionListing, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk").TransactionResultWithId&lt;never&gt;, unknown, NewAuctionListing, unknown&gt;
 
 a mutation object that can be used to create a new auction listing
 
diff --git a/packages/thirdweb-react/docs/react.usecreatedirectlisting.md b/packages/thirdweb-react/docs/react.usecreatedirectlisting.md
index c1766c5..0810e6c 100644
--- a/packages/thirdweb-react/docs/react.usecreatedirectlisting.md
+++ b/packages/thirdweb-react/docs/react.usecreatedirectlisting.md
@@ -12,7 +12,7 @@ Use this to create a new Direct Listing on your marketplace contract.
 <b>Signature:</b>
 
 ```typescript
-export declare function useCreateDirectListing(contract: RequiredParam<Marketplace>): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId<never>, unknown, NewDirectListing, unknown>;
+export declare function useCreateDirectListing(contract: RequiredParam<Marketplace>): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk").TransactionResultWithId<never>, unknown, NewDirectListing, unknown>;
 ```
 
 ## Parameters
@@ -23,7 +23,7 @@ export declare function useCreateDirectListing(contract: RequiredParam<Marketpla
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId&lt;never&gt;, unknown, NewDirectListing, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk").TransactionResultWithId&lt;never&gt;, unknown, NewDirectListing, unknown&gt;
 
 a mutation object that can be used to create a new direct listing
 
diff --git a/packages/thirdweb-react/docs/react.usedelayedreveallazymint.md b/packages/thirdweb-react/docs/react.usedelayedreveallazymint.md
index 9eedc41..c6a4b6b 100644
--- a/packages/thirdweb-react/docs/react.usedelayedreveallazymint.md
+++ b/packages/thirdweb-react/docs/react.usedelayedreveallazymint.md
@@ -12,7 +12,7 @@ Use this to lazy mint a batch of delayed reveal NFTs on your [DropContract](./re
 <b>Signature:</b>
 
 ```typescript
-export declare function useDelayedRevealLazyMint<TContract extends NFTContract>(contract: RequiredParam<TContract>, onProgress?: (progress: UploadProgressEvent) => void): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId<never>[], unknown, DelayedRevealLazyMintInput, unknown>;
+export declare function useDelayedRevealLazyMint<TContract extends NFTContract>(contract: RequiredParam<TContract>, onProgress?: (progress: UploadProgressEvent) => void): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk").TransactionResultWithId<never>[], unknown, DelayedRevealLazyMintInput, unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useDelayedRevealLazyMint<TContract extends NFTContract>(
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId&lt;never&gt;\[\], unknown, [DelayedRevealLazyMintInput](./react.delayedreveallazymintinput.md)<!-- -->, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk").TransactionResultWithId&lt;never&gt;\[\], unknown, [DelayedRevealLazyMintInput](./react.delayedreveallazymintinput.md)<!-- -->, unknown&gt;
 
 a mutation object that can be used to lazy mint a batch of NFTs
 
diff --git a/packages/thirdweb-react/docs/react.uselazymint.md b/packages/thirdweb-react/docs/react.uselazymint.md
index d9ecc9d..74f60f7 100644
--- a/packages/thirdweb-react/docs/react.uselazymint.md
+++ b/packages/thirdweb-react/docs/react.uselazymint.md
@@ -12,8 +12,8 @@ Use this to lazy mint a batch of NFTs on your [DropContract](./react.dropcontrac
 <b>Signature:</b>
 
 ```typescript
-export declare function useLazyMint<TContract extends NFTContract>(contract: RequiredParam<TContract>, onProgress?: (progress: UploadProgressEvent) => void): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId<{
-    [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+export declare function useLazyMint<TContract extends NFTContract>(contract: RequiredParam<TContract>, onProgress?: (progress: UploadProgressEvent) => void): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk").TransactionResultWithId<{
+    [x: string]: import("@thirdweb-dev/sdk").Json;
     name?: string | number | undefined;
     description?: string | null | undefined;
     image?: string | null | undefined;
@@ -35,7 +35,7 @@ export declare function useLazyMint<TContract extends NFTContract>(contract: Req
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId&lt;{ \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: import("ethers").BigNumber; }&gt;\[\], unknown, { metadatas: NFTMetadataInput\[\]; }, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk").TransactionResultWithId&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: import("ethers").BigNumber; }&gt;\[\], unknown, { metadatas: NFTMetadataInput\[\]; }, unknown&gt;
 
 a mutation object that can be used to lazy mint a batch of NFTs
 
diff --git a/packages/thirdweb-react/docs/react.uselisting.md b/packages/thirdweb-react/docs/react.uselisting.md
index bc157b2..2af9e8f 100644
--- a/packages/thirdweb-react/docs/react.uselisting.md
+++ b/packages/thirdweb-react/docs/react.uselisting.md
@@ -12,7 +12,7 @@ Use this to get a specific listing from the marketplace.
 <b>Signature:</b>
 
 ```typescript
-export declare function useListing(contract: RequiredParam<Marketplace>, listingId: RequiredParam<BigNumberish>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk/dist/browser").AuctionListing | import("@thirdweb-dev/sdk/dist/browser").DirectListing, unknown>;
+export declare function useListing(contract: RequiredParam<Marketplace>, listingId: RequiredParam<BigNumberish>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk").AuctionListing | import("@thirdweb-dev/sdk").DirectListing, unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useListing(contract: RequiredParam<Marketplace>, listing
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk/dist/browser").AuctionListing \| import("@thirdweb-dev/sdk/dist/browser").DirectListing, unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk").AuctionListing \| import("@thirdweb-dev/sdk").DirectListing, unknown&gt;
 
 a response object that includes an array of listings
 
diff --git a/packages/thirdweb-react/docs/react.uselistings.md b/packages/thirdweb-react/docs/react.uselistings.md
index ef01cec..be42f6a 100644
--- a/packages/thirdweb-react/docs/react.uselistings.md
+++ b/packages/thirdweb-react/docs/react.uselistings.md
@@ -12,7 +12,7 @@ Use this to get a list all listings from your marketplace contract.
 <b>Signature:</b>
 
 ```typescript
-export declare function useListings(contract: RequiredParam<Marketplace>, filter?: MarketplaceFilter): import("@tanstack/react-query").UseQueryResult<(import("@thirdweb-dev/sdk/dist/browser").AuctionListing | import("@thirdweb-dev/sdk/dist/browser").DirectListing)[], unknown>;
+export declare function useListings(contract: RequiredParam<Marketplace>, filter?: MarketplaceFilter): import("@tanstack/react-query").UseQueryResult<(import("@thirdweb-dev/sdk").AuctionListing | import("@thirdweb-dev/sdk").DirectListing)[], unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useListings(contract: RequiredParam<Marketplace>, filter
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;(import("@thirdweb-dev/sdk/dist/browser").AuctionListing \| import("@thirdweb-dev/sdk/dist/browser").DirectListing)\[\], unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;(import("@thirdweb-dev/sdk").AuctionListing \| import("@thirdweb-dev/sdk").DirectListing)\[\], unknown&gt;
 
 a response object that includes an array of listings
 
diff --git a/packages/thirdweb-react/docs/react.usemetadata.md b/packages/thirdweb-react/docs/react.usemetadata.md
index 5210d78..fa78476 100644
--- a/packages/thirdweb-react/docs/react.usemetadata.md
+++ b/packages/thirdweb-react/docs/react.usemetadata.md
@@ -13,7 +13,7 @@ Use this to get the metadata of your
 
 ```typescript
 export declare function useMetadata(contract: RequiredParam<SmartContract | ValidContractInstance>): import("@tanstack/react-query").UseQueryResult<{
-    [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+    [x: string]: import("@thirdweb-dev/sdk").Json;
     description?: string | undefined;
     image?: any;
     external_link?: string | undefined;
@@ -29,7 +29,7 @@ export declare function useMetadata(contract: RequiredParam<SmartContract | Vali
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
 
 a  object containing the metadata
 
diff --git a/packages/thirdweb-react/docs/react.usemintnftsupply.md b/packages/thirdweb-react/docs/react.usemintnftsupply.md
index 7c80ec4..88e5c64 100644
--- a/packages/thirdweb-react/docs/react.usemintnftsupply.md
+++ b/packages/thirdweb-react/docs/react.usemintnftsupply.md
@@ -12,9 +12,9 @@ Use this to mint a new NFT on your [NFTContract](./react.nftcontract.md)
 <b>Signature:</b>
 
 ```typescript
-export declare function useMintNFTSupply(contract: Erc1155): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId<{
+export declare function useMintNFTSupply(contract: Erc1155): import("@tanstack/react-query").UseMutationResult<import("@thirdweb-dev/sdk").TransactionResultWithId<{
     metadata: {
-        [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+        [x: string]: import("@thirdweb-dev/sdk").Json;
         name?: string | number | undefined;
         description?: string | null | undefined;
         image?: string | null | undefined;
@@ -35,7 +35,7 @@ export declare function useMintNFTSupply(contract: Erc1155): import("@tanstack/r
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk/dist/browser").TransactionResultWithId&lt;{ metadata: { \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: BigNumber; }; supply: BigNumber; }&gt;, unknown, [MintNFTSupplyParams](./react.mintnftsupplyparams.md)<!-- -->, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;import("@thirdweb-dev/sdk").TransactionResultWithId&lt;{ metadata: { \[x: string\]: import("@thirdweb-dev/sdk").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: BigNumber; }; supply: BigNumber; }&gt;, unknown, [MintNFTSupplyParams](./react.mintnftsupplyparams.md)<!-- -->, unknown&gt;
 
 a mutation object that can be used to mint a more supply of a token id to the provided wallet
 
diff --git a/packages/thirdweb-react/docs/react.useunclaimednfts.md b/packages/thirdweb-react/docs/react.useunclaimednfts.md
index abff316..d4dc49f 100644
--- a/packages/thirdweb-react/docs/react.useunclaimednfts.md
+++ b/packages/thirdweb-react/docs/react.useunclaimednfts.md
@@ -13,7 +13,7 @@ Use this to get a list of \*unclaimed\* NFT tokens of your ERC721 Drop contract.
 
 ```typescript
 export declare function useUnclaimedNFTs(contract: RequiredParam<NFTDrop>, queryParams?: QueryAllParams): import("@tanstack/react-query").UseQueryResult<{
-    [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+    [x: string]: import("@thirdweb-dev/sdk").Json;
     name?: string | number | undefined;
     description?: string | null | undefined;
     image?: string | null | undefined;
@@ -33,7 +33,7 @@ export declare function useUnclaimedNFTs(contract: RequiredParam<NFTDrop>, query
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: import("ethers").BigNumber; }\[\], unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;{ \[x: string\]: import("@thirdweb-dev/sdk").Json; name?: string \| number \| undefined; description?: string \| null \| undefined; image?: string \| null \| undefined; external\_url?: string \| null \| undefined; animation\_url?: string \| null \| undefined; uri: string; id: import("ethers").BigNumber; }\[\], unknown&gt;
 
 a response object that includes an array of NFTs that are unclaimed
 
diff --git a/packages/thirdweb-react/docs/react.useupdatemetadata.md b/packages/thirdweb-react/docs/react.useupdatemetadata.md
index fff8730..1849139 100644
--- a/packages/thirdweb-react/docs/react.useupdatemetadata.md
+++ b/packages/thirdweb-react/docs/react.useupdatemetadata.md
@@ -16,7 +16,7 @@ export declare function useUpdateMetadata(contract: RequiredParam<SmartContract
     receipt: import("@ethersproject/abstract-provider").TransactionReceipt;
     data: () => Promise<any>;
 }, unknown, {
-    [x: string]: import("@thirdweb-dev/sdk/dist/browser").Json;
+    [x: string]: import("@thirdweb-dev/sdk").Json;
     description?: string | undefined;
     image?: any;
     external_link?: string | undefined;
@@ -32,7 +32,7 @@ export declare function useUpdateMetadata(contract: RequiredParam<SmartContract
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;{ receipt: import("@ethersproject/abstract-provider").TransactionReceipt; data: () =&gt; Promise&lt;any&gt;; }, unknown, { \[x: string\]: import("@thirdweb-dev/sdk/dist/browser").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;{ receipt: import("@ethersproject/abstract-provider").TransactionReceipt; data: () =&gt; Promise&lt;any&gt;; }, unknown, { \[x: string\]: import("@thirdweb-dev/sdk").Json; description?: string \| undefined; image?: any; external\_link?: string \| undefined; name: string; }, unknown&gt;
 
 a mutation object that can be used to update the metadata
 
diff --git a/packages/thirdweb-react/docs/react.usewinningbid.md b/packages/thirdweb-react/docs/react.usewinningbid.md
index d6f43e0..e023941 100644
--- a/packages/thirdweb-react/docs/react.usewinningbid.md
+++ b/packages/thirdweb-react/docs/react.usewinningbid.md
@@ -12,7 +12,7 @@ Use this to get a the winning bid for an auction listing from your marketplace c
 <b>Signature:</b>
 
 ```typescript
-export declare function useWinningBid(contract: RequiredParam<Marketplace>, listingId: RequiredParam<BigNumberish>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk/dist/browser").Offer | undefined, unknown>;
+export declare function useWinningBid(contract: RequiredParam<Marketplace>, listingId: RequiredParam<BigNumberish>): import("@tanstack/react-query").UseQueryResult<import("@thirdweb-dev/sdk").Offer | undefined, unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useWinningBid(contract: RequiredParam<Marketplace>, list
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk/dist/browser").Offer \| undefined, unknown&gt;
+import("@tanstack/react-query").UseQueryResult&lt;import("@thirdweb-dev/sdk").Offer \| undefined, unknown&gt;
 
 a response object that includes the  that is winning the auction
 
diff --git a/packages/thirdweb-react/docs/react.web3button.md b/packages/thirdweb-react/docs/react.web3button.md
index b7acd00..4426053 100644
--- a/packages/thirdweb-react/docs/react.web3button.md
+++ b/packages/thirdweb-react/docs/react.web3button.md
@@ -14,7 +14,7 @@ The button has to be wrapped in a `ThirdwebProvider` in order to function.
 <b>Signature:</b>
 
 ```typescript
-Web3Button: React.FC<PropsWithChildren<Web3ButtonProps>>
+Web3Button: <TExecutableFn extends ExecutableFn>({ contractAddress, overrides, onSuccess, onError, onSubmit, isDisabled, children, functionName, params, callable, ...themeProps }: PropsWithChildren<Web3ButtonProps<TExecutableFn>>) => JSX.Element
 ```
 
 ## Example
diff --git a/packages/thirdweb-react/etc/react.api.md b/packages/thirdweb-react/etc/react.api.md
index 92056d3..83986ef 100644
--- a/packages/thirdweb-react/etc/react.api.md
+++ b/packages/thirdweb-react/etc/react.api.md
@@ -4,89 +4,90 @@
 
 ```ts
 
-import { AbiFunction } from '@thirdweb-dev/sdk/dist/browser';
-import type { AirdropInput } from '@thirdweb-dev/sdk/dist/browser';
-import type { Amount } from '@thirdweb-dev/sdk/dist/browser';
-import { AuctionListing } from '@thirdweb-dev/sdk/dist/browser';
+import { AbiFunction } from '@thirdweb-dev/sdk';
+import type { AirdropInput } from '@thirdweb-dev/sdk';
+import type { Amount } from '@thirdweb-dev/sdk';
+import { AuctionListing } from '@thirdweb-dev/sdk';
 import { BaseContract } from 'ethers';
-import { BatchToReveal } from '@thirdweb-dev/sdk/dist/browser';
+import { BatchToReveal } from '@thirdweb-dev/sdk';
 import { BigNumber } from 'ethers';
 import { BigNumberish } from 'ethers';
 import { CallOverrides } from 'ethers';
 import { Chain } from './types';
-import { ChainId } from '@thirdweb-dev/sdk/dist/browser';
-import { ChainOrRpc } from '@thirdweb-dev/sdk/dist/browser';
-import { ClaimConditionInput } from '@thirdweb-dev/sdk/dist/browser';
-import { ClaimEligibility } from '@thirdweb-dev/sdk/dist/browser';
+import { ChainId } from '@thirdweb-dev/sdk';
+import { ChainOrRpc } from '@thirdweb-dev/sdk';
+import { ClaimConditionInput } from '@thirdweb-dev/sdk';
+import { ClaimEligibility } from '@thirdweb-dev/sdk';
 import { CoinbaseWalletConnector } from 'wagmi/connectors/coinbaseWallet';
 import { Connector } from './connectors';
 import { ConnectorData } from './connectors';
-import type { ContractEvent } from '@thirdweb-dev/sdk/dist/browser';
-import { ContractForContractType } from '@thirdweb-dev/sdk/dist/browser';
-import { ContractType } from '@thirdweb-dev/sdk/dist/browser';
+import type { ContractEvent } from '@thirdweb-dev/sdk';
+import { ContractForContractType } from '@thirdweb-dev/sdk';
+import { ContractType } from '@thirdweb-dev/sdk';
 import { defaultChains } from './constants';
 import { defaultL2Chains } from './constants';
-import { DirectListing } from '@thirdweb-dev/sdk/dist/browser';
-import { Edition } from '@thirdweb-dev/sdk/dist/browser';
-import { EditionDrop } from '@thirdweb-dev/sdk/dist/browser';
-import { Erc1155 } from '@thirdweb-dev/sdk/dist/browser';
-import type { Erc1155Mintable } from '@thirdweb-dev/sdk/dist/browser';
-import { Erc20 } from '@thirdweb-dev/sdk/dist/browser';
-import type { Erc721 } from '@thirdweb-dev/sdk/dist/browser';
-import type { Erc721Mintable } from '@thirdweb-dev/sdk/dist/browser';
-import type { EventQueryFilter } from '@thirdweb-dev/sdk/dist/browser';
+import { DirectListing } from '@thirdweb-dev/sdk';
+import { Edition } from '@thirdweb-dev/sdk';
+import { EditionDrop } from '@thirdweb-dev/sdk';
+import { Erc1155 } from '@thirdweb-dev/sdk';
+import type { Erc1155Mintable } from '@thirdweb-dev/sdk';
+import { Erc20 } from '@thirdweb-dev/sdk';
+import type { Erc721 } from '@thirdweb-dev/sdk';
+import type { Erc721Mintable } from '@thirdweb-dev/sdk';
+import type { EventQueryFilter } from '@thirdweb-dev/sdk';
 import { FetchStatus } from '@tanstack/react-query';
 import { InjectedConnector } from 'wagmi/connectors/injected';
-import { IStorage } from '@thirdweb-dev/sdk/dist/browser';
-import { Json } from '@thirdweb-dev/sdk/dist/browser';
-import { ListingType } from '@thirdweb-dev/sdk/dist/browser';
+import type { IStorage } from '@thirdweb-dev/storage';
+import { IStorage as IStorage_2 } from '@thirdweb-dev/sdk';
+import { Json } from '@thirdweb-dev/sdk';
+import { ListingType } from '@thirdweb-dev/sdk';
 import { LoginOptions } from '@thirdweb-dev/sdk/dist/src/schema';
 import { LoginOptions as LoginOptions_2 } from '@thirdweb-dev/sdk';
 import { LoginWithMagicLinkConfiguration } from 'magic-sdk';
 import type { MagicSDKAdditionalConfiguration } from 'magic-sdk';
-import { Marketplace } from '@thirdweb-dev/sdk/dist/browser';
-import type { MarketplaceFilter } from '@thirdweb-dev/sdk/dist/browser';
-import { Multiwrap } from '@thirdweb-dev/sdk/dist/browser';
-import type { NewAuctionListing } from '@thirdweb-dev/sdk/dist/browser';
-import type { NewDirectListing } from '@thirdweb-dev/sdk/dist/browser';
-import { NFTCollection } from '@thirdweb-dev/sdk/dist/browser';
-import { NFTDrop } from '@thirdweb-dev/sdk/dist/browser';
-import { NFTMetadata } from '@thirdweb-dev/sdk/dist/browser';
-import { NFTMetadataInput } from '@thirdweb-dev/sdk/dist/browser';
+import { Marketplace } from '@thirdweb-dev/sdk';
+import type { MarketplaceFilter } from '@thirdweb-dev/sdk';
+import { Multiwrap } from '@thirdweb-dev/sdk';
+import type { NewAuctionListing } from '@thirdweb-dev/sdk';
+import type { NewDirectListing } from '@thirdweb-dev/sdk';
+import { NFTCollection } from '@thirdweb-dev/sdk';
+import { NFTDrop } from '@thirdweb-dev/sdk';
+import { NFTMetadata } from '@thirdweb-dev/sdk';
+import { NFTMetadataInput } from '@thirdweb-dev/sdk';
 import type { NFTMetadataInput as NFTMetadataInput_2 } from '@thirdweb-dev/sdk/dist/src/schema';
 import type { NFTMetadataOrUri } from '@thirdweb-dev/sdk/dist/src/schema';
-import { Offer } from '@thirdweb-dev/sdk/dist/browser';
-import { Pack } from '@thirdweb-dev/sdk/dist/browser';
-import type { Price } from '@thirdweb-dev/sdk/dist/browser';
+import { Offer } from '@thirdweb-dev/sdk';
+import { Pack } from '@thirdweb-dev/sdk';
+import type { Price } from '@thirdweb-dev/sdk';
 import { PropsWithChildren } from 'react';
-import { QueryAllParams } from '@thirdweb-dev/sdk/dist/browser';
+import { QueryAllParams } from '@thirdweb-dev/sdk';
 import { QueryClient } from '@tanstack/react-query';
 import { QueryObserverResult } from '@tanstack/react-query';
 import { default as React_2 } from 'react';
 import { RefetchOptions } from '@tanstack/react-query';
 import { RefetchQueryFilters } from '@tanstack/react-query';
-import type { Role } from '@thirdweb-dev/sdk/dist/browser';
-import { SDKOptions } from '@thirdweb-dev/sdk/dist/browser';
-import { SignatureDrop } from '@thirdweb-dev/sdk/dist/browser';
+import type { Role } from '@thirdweb-dev/sdk';
+import { SDKOptions } from '@thirdweb-dev/sdk';
+import { SignatureDrop } from '@thirdweb-dev/sdk';
 import { Signer } from 'ethers';
-import { SignerOrProvider } from '@thirdweb-dev/sdk/dist/browser';
-import { SmartContract } from '@thirdweb-dev/sdk/dist/browser';
-import { Split } from '@thirdweb-dev/sdk/dist/browser';
-import { SUPPORTED_CHAIN_ID } from '@thirdweb-dev/sdk/dist/browser';
-import { ThirdwebSDK } from '@thirdweb-dev/sdk/dist/browser';
-import { Token } from '@thirdweb-dev/sdk/dist/browser';
-import { TokenDrop } from '@thirdweb-dev/sdk/dist/browser';
+import { SignerOrProvider } from '@thirdweb-dev/sdk';
+import { SmartContract } from '@thirdweb-dev/sdk';
+import { Split } from '@thirdweb-dev/sdk';
+import { SUPPORTED_CHAIN_ID } from '@thirdweb-dev/sdk';
+import { ThirdwebSDK } from '@thirdweb-dev/sdk';
+import { Token } from '@thirdweb-dev/sdk';
+import { TokenDrop } from '@thirdweb-dev/sdk';
 import { TransactionError } from '@thirdweb-dev/sdk';
 import { TransactionReceipt } from '@ethersproject/abstract-provider';
 import { TransactionResult } from '@thirdweb-dev/sdk';
-import { TransactionResultWithId } from '@thirdweb-dev/sdk/dist/browser';
-import { UploadProgressEvent } from '@thirdweb-dev/sdk/dist/browser';
+import { TransactionResultWithId } from '@thirdweb-dev/sdk';
+import { UploadProgressEvent } from '@thirdweb-dev/sdk';
 import { useAccount } from './hooks';
 import { UseMutationResult } from '@tanstack/react-query';
 import { useProvider } from './hooks';
 import { UseQueryResult } from '@tanstack/react-query';
-import type { ValidContractInstance } from '@thirdweb-dev/sdk/dist/browser';
-import { Vote } from '@thirdweb-dev/sdk/dist/browser';
+import type { ValidContractInstance } from '@thirdweb-dev/sdk';
+import { Vote } from '@thirdweb-dev/sdk';
 import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
 
 // @beta
@@ -1646,7 +1647,7 @@ export { useProvider }
 // Warning: (ae-internal-missing-underscore) The name "useReadonlySDK" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)
-export function useReadonlySDK(readonlyRpcUrl: string, sdkOptions: SDKOptions, storageInterface?: IStorage): ThirdwebSDK;
+export function useReadonlySDK(readonlyRpcUrl: string, sdkOptions: SDKOptions, storageInterface?: IStorage_2): ThirdwebSDK;
 
 // @beta
 export function useResetClaimConditions<TContract extends NFTContract | Erc20>(...[contract, tokenId]: ClaimConditionsInputParams<TContract>): UseMutationResult<Omit<{
@@ -1866,15 +1867,16 @@ export type WalletLinkConnectorType = "walletLink" | "coinbase" | {
     options: CoinbaseWalletConnector["options"];
 };
 
+// Warning: (ae-forgotten-export) The symbol "ExecutableFn" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
 // Warning: (ae-forgotten-export) The symbol "Web3ButtonProps" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
 //
 // @beta
-export const Web3Button: React.FC<PropsWithChildren<Web3ButtonProps>>;
+export const Web3Button: <TExecutableFn extends ExecutableFn>({ contractAddress, overrides, onSuccess, onError, onSubmit, isDisabled, children, functionName, params, callable, ...themeProps }: PropsWithChildren<Web3ButtonProps<TExecutableFn>>) => JSX.Element;
 
 // Warnings were encountered during analysis:
 //
-// dist/declarations/dist/Provider.d.ts:38:5 - (ae-forgotten-export) The symbol "MagicConnectorArguments" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
-// dist/declarations/dist/Provider.d.ts:45:5 - (ae-forgotten-export) The symbol "GnosisConnectorArguments" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
+// dist/declarations/dist/Provider.d.ts:39:5 - (ae-forgotten-export) The symbol "MagicConnectorArguments" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
+// dist/declarations/dist/Provider.d.ts:46:5 - (ae-forgotten-export) The symbol "GnosisConnectorArguments" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
 // dist/declarations/dist/hooks/async/roles.d.ts:126:5 - (ae-incompatible-release-tags) The symbol "role" is marked as @beta, but its signature references "RolesForContract" which is marked as @internal
 // dist/declarations/dist/hooks/async/roles.d.ts:161:5 - (ae-incompatible-release-tags) The symbol "role" is marked as @beta, but its signature references "RolesForContract" which is marked as @internal
 // dist/declarations/dist/hooks/useNetwork.d.ts:48:5 - (ae-forgotten-export) The symbol "SwitchChainError" needs to be exported by the entry point thirdweb-dev-react.cjs.d.ts
diff --git a/packages/thirdweb-react/package.json b/packages/thirdweb-react/package.json
index 5b9e91b..854fb6e 100644
--- a/packages/thirdweb-react/package.json
+++ b/packages/thirdweb-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@thirdweb-dev/react",
-  "version": "2.7.2",
+  "version": "2.7.3-4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com:thirdweb-dev/react.git"
@@ -65,6 +65,7 @@
     "@gnosis.pm/safe-ethers-lib": "1.1.0",
     "@reach/portal": "^0.17.0",
     "@tanstack/react-query": "^4.0.10",
+    "@thirdweb-dev/storage": "^0.1.0",
     "@zag-js/menu": "^0.1.11",
     "@zag-js/react": "^0.1.13",
     "color": "^4.2.3",
diff --git a/packages/thirdweb-react/src/Provider.tsx b/packages/thirdweb-react/src/Provider.tsx
index 27daae1..3204859 100644
--- a/packages/thirdweb-react/src/Provider.tsx
+++ b/packages/thirdweb-react/src/Provider.tsx
@@ -20,14 +20,14 @@ import { useSigner } from "./hooks/useSigner";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import {
   ChainOrRpc,
-  IStorage,
   SDKOptions,
   SUPPORTED_CHAIN_ID,
   SignerOrProvider,
   ThirdwebSDK,
   getProviderForNetwork,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import { SDKOptionsOutput } from "@thirdweb-dev/sdk/dist/src/schema";
+import type { IStorage } from "@thirdweb-dev/storage";
 import { Signer } from "ethers";
 import React, { createContext, useEffect, useMemo } from "react";
 import invariant from "tiny-invariant";
diff --git a/packages/thirdweb-react/src/components/NftMedia.tsx b/packages/thirdweb-react/src/components/NftMedia.tsx
index 65b8e59..84b3581 100644
--- a/packages/thirdweb-react/src/components/NftMedia.tsx
+++ b/packages/thirdweb-react/src/components/NftMedia.tsx
@@ -1,5 +1,5 @@
 import { MediaRenderer, SharedMediaProps } from "./MediaRenderer";
-import { NFTMetadata } from "@thirdweb-dev/sdk/dist/browser";
+import { NFTMetadata } from "@thirdweb-dev/sdk";
 import React from "react";
 
 /**
@@ -46,7 +46,7 @@ export const ThirdwebNftMedia = React.forwardRef<
     <MediaRenderer
       src={metadata.animation_url || metadata.image}
       poster={metadata.image}
-      alt={metadata.name}
+      alt={metadata.name?.toString() || ""}
       ref={ref}
       {...props}
     />
diff --git a/packages/thirdweb-react/src/components/Web3Button/index.tsx b/packages/thirdweb-react/src/components/Web3Button/index.tsx
index 7f251b6..26441e7 100644
--- a/packages/thirdweb-react/src/components/Web3Button/index.tsx
+++ b/packages/thirdweb-react/src/components/Web3Button/index.tsx
@@ -1,19 +1,28 @@
 import { useActiveChainId } from "../../Provider";
-import { useContract, useContractCall } from "../../hooks/async/contracts";
+import { useContract } from "../../hooks/async/contracts";
 import { useAddress } from "../../hooks/useAddress";
 import { useChainId } from "../../hooks/useChainId";
 import { useNetwork } from "../../hooks/useNetwork";
+import {
+  createCacheKeyWithNetwork,
+  createContractCacheKey,
+} from "../../utils/cache-keys";
 import { ConnectWallet } from "../ConnectWallet";
 import { Button } from "../shared/Button";
 import { ThemeProvider, ThemeProviderProps } from "../shared/ThemeProvider";
-import { TransactionError, TransactionResult } from "@thirdweb-dev/sdk";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  SmartContract,
+  TransactionError,
+  TransactionResult,
+} from "@thirdweb-dev/sdk";
 import type { CallOverrides } from "ethers";
 import { PropsWithChildren, useMemo } from "react";
+import invariant from "tiny-invariant";
 
-interface Web3ButtonProps extends ThemeProviderProps {
+interface SharedWeb3ButtonProps extends ThemeProviderProps {
   contractAddress: `0x${string}` | `${string}.eth`;
-  functionName: string;
-  params?: unknown[] | (() => Promise<unknown[]>);
+
   overrides?: CallOverrides;
   // called with the result
   onSuccess?: (result: TransactionResult) => void;
@@ -25,6 +34,19 @@ interface Web3ButtonProps extends ThemeProviderProps {
   isDisabled?: boolean;
 }
 
+type ExecutableFn = (contract: SmartContract) => any;
+
+type Web3ButtonPropsOptinalProps<TExecutableFn extends ExecutableFn> =
+  | {
+      functionName: string;
+      params?: unknown[] | (() => Promise<unknown[]>);
+      callable?: never;
+    }
+  | { functionName?: never; params?: never; callable: TExecutableFn };
+
+type Web3ButtonProps<TExecutableFn extends ExecutableFn> =
+  SharedWeb3ButtonProps & Web3ButtonPropsOptinalProps<TExecutableFn>;
+
 /**
  * A component that allows the user to call an on-chain function on a contract.
  *
@@ -46,23 +68,26 @@ interface Web3ButtonProps extends ThemeProviderProps {
  *
  * @beta
  */
-export const Web3Button: React.FC<PropsWithChildren<Web3ButtonProps>> = ({
+export const Web3Button = <TExecutableFn extends ExecutableFn>({
   contractAddress,
-  functionName,
-  params,
   overrides,
   onSuccess,
   onError,
   onSubmit,
   isDisabled,
   children,
+  functionName,
+  params,
+  callable,
   ...themeProps
-}) => {
+}: PropsWithChildren<Web3ButtonProps<TExecutableFn>>) => {
   const address = useAddress();
   const walletChainId = useChainId();
   const sdkChainId = useActiveChainId();
   const [, switchNetwork] = useNetwork();
 
+  const queryClient = useQueryClient();
+
   const switchToChainId = useMemo(() => {
     if (sdkChainId && walletChainId && sdkChainId !== walletChainId) {
       return sdkChainId;
@@ -72,36 +97,55 @@ export const Web3Button: React.FC<PropsWithChildren<Web3ButtonProps>> = ({
 
   const contractQuery = useContract(contractAddress);
 
-  const mutation = useContractCall(contractQuery.contract, functionName);
-
-  const handleClick = async () => {
-    if (switchToChainId) {
-      if (switchNetwork) {
-        await switchNetwork(switchToChainId);
-        await new Promise((resolve) => setTimeout(resolve, 500));
-      } else {
-        console.warn(
-          "need to switch chain but connected wallet does not support switching",
-        );
-        return;
+  const mutation = useMutation(
+    async () => {
+      if (switchToChainId) {
+        if (switchNetwork) {
+          await switchNetwork(switchToChainId);
+          await new Promise((resolve) => setTimeout(resolve, 500));
+        } else {
+          throw new Error(
+            "need to switch chain but connected wallet does not support switching",
+          );
+        }
       }
-    }
-    const vars = typeof params === "function" ? await params() : params;
-    const withOverrides =
-      vars && overrides ? [...vars, overrides] : overrides ? [overrides] : vars;
-    try {
-      const result = await mutation.mutateAsync(withOverrides);
-      if (onSuccess) {
-        onSuccess(result);
+      if (!contractQuery.contract) {
+        throw new Error("contract not ready yet");
       }
-    } catch (error) {
-      console.error("Error calling contract", error);
-      if (onError) {
-        onError(error as TransactionError);
+      if (callable) {
+        if (onSubmit) {
+          onSubmit();
+        }
+        return await callable(contractQuery.contract);
       }
-    }
-  };
 
+      const vars = typeof params === "function" ? await params() : params;
+      const withOverrides =
+        vars && overrides
+          ? [...vars, overrides]
+          : overrides
+          ? [overrides]
+          : vars;
+
+      invariant(functionName, "functionName is required");
+
+      if (onSubmit) {
+        onSubmit();
+      }
+      return await contractQuery.contract.call(functionName, ...withOverrides);
+    },
+    {
+      onSuccess,
+      onError,
+      onSettled: () =>
+        queryClient.invalidateQueries(
+          createCacheKeyWithNetwork(
+            createContractCacheKey(contractAddress),
+            sdkChainId,
+          ),
+        ),
+    },
+  );
   if (!address) {
     return <ConnectWallet {...themeProps} />;
   }
@@ -111,7 +155,7 @@ export const Web3Button: React.FC<PropsWithChildren<Web3ButtonProps>> = ({
       <Button
         style={{ height: "50px" }}
         isLoading={mutation.isLoading || !contractQuery.contract}
-        onClick={handleClick}
+        onClick={() => mutation.mutate()}
         isDisabled={isDisabled}
       >
         {children}
diff --git a/packages/thirdweb-react/src/connectors/gnosis-safe.ts b/packages/thirdweb-react/src/connectors/gnosis-safe.ts
index 537d70f..56c6f0e 100644
--- a/packages/thirdweb-react/src/connectors/gnosis-safe.ts
+++ b/packages/thirdweb-react/src/connectors/gnosis-safe.ts
@@ -1,4 +1,4 @@
-import { ChainId } from "@thirdweb-dev/sdk/dist/browser";
+import { ChainId } from "@thirdweb-dev/sdk";
 import { Signer, ethers, utils } from "ethers";
 import invariant from "tiny-invariant";
 import { Chain, Connector, ConnectorData, normalizeChainId } from "wagmi";
diff --git a/packages/thirdweb-react/src/constants/chain.ts b/packages/thirdweb-react/src/constants/chain.ts
index aaaf8b6..96160c9 100644
--- a/packages/thirdweb-react/src/constants/chain.ts
+++ b/packages/thirdweb-react/src/constants/chain.ts
@@ -1,5 +1,5 @@
 import { NATIVE_TOKENS, SUPPORTED_CHAIN_ID } from "@thirdweb-dev/sdk";
-import { ChainId } from "@thirdweb-dev/sdk/dist/browser";
+import { ChainId } from "@thirdweb-dev/sdk";
 import type { Chain as WagmiChain } from "wagmi";
 
 export type Chain = WagmiChain;
diff --git a/packages/thirdweb-react/src/contexts/thirdweb-config.tsx b/packages/thirdweb-react/src/contexts/thirdweb-config.tsx
index d20389b..483092c 100644
--- a/packages/thirdweb-react/src/contexts/thirdweb-config.tsx
+++ b/packages/thirdweb-react/src/contexts/thirdweb-config.tsx
@@ -3,7 +3,7 @@ import {
   SupportedChainId,
   defaultSupportedChains,
 } from "../constants/chain";
-import { ChainId } from "@thirdweb-dev/sdk/dist/browser";
+import { ChainId } from "@thirdweb-dev/sdk";
 import React, { PropsWithChildren, createContext, useContext } from "react";
 
 interface ThirdwebConfigContext {
diff --git a/packages/thirdweb-react/src/hooks/async/claim-conditions.ts b/packages/thirdweb-react/src/hooks/async/claim-conditions.ts
index 967da9d..cb67d44 100644
--- a/packages/thirdweb-react/src/hooks/async/claim-conditions.ts
+++ b/packages/thirdweb-react/src/hooks/async/claim-conditions.ts
@@ -11,7 +11,7 @@ import {
   ClaimConditionInput,
   Erc20,
   Erc1155,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import { BigNumberish } from "ethers";
 import invariant from "tiny-invariant";
 
diff --git a/packages/thirdweb-react/src/hooks/async/contract-settings.ts b/packages/thirdweb-react/src/hooks/async/contract-settings.ts
index 895acc7..6936f1f 100644
--- a/packages/thirdweb-react/src/hooks/async/contract-settings.ts
+++ b/packages/thirdweb-react/src/hooks/async/contract-settings.ts
@@ -6,10 +6,7 @@ import {
 } from "../../utils/cache-keys";
 import { useQueryWithNetwork } from "../query-utils/useQueryWithNetwork";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import type {
-  SmartContract,
-  ValidContractInstance,
-} from "@thirdweb-dev/sdk/dist/browser";
+import type { SmartContract, ValidContractInstance } from "@thirdweb-dev/sdk";
 import type { CustomContractMetadata } from "@thirdweb-dev/sdk/dist/src/schema/contracts/custom";
 import invariant from "tiny-invariant";
 
diff --git a/packages/thirdweb-react/src/hooks/async/contracts.ts b/packages/thirdweb-react/src/hooks/async/contracts.ts
index 3ede379..87629dd 100644
--- a/packages/thirdweb-react/src/hooks/async/contracts.ts
+++ b/packages/thirdweb-react/src/hooks/async/contracts.ts
@@ -16,9 +16,9 @@ import type {
   ContractEvent,
   EventQueryFilter,
   ThirdwebSDK,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 // eslint-disable-next-line no-duplicate-imports
-import { CONTRACTS_MAP, SmartContract } from "@thirdweb-dev/sdk/dist/browser";
+import { CONTRACTS_MAP, SmartContract } from "@thirdweb-dev/sdk";
 import type {
   CustomContractMetadata,
   PublishedMetadata,
diff --git a/packages/thirdweb-react/src/hooks/async/drop.ts b/packages/thirdweb-react/src/hooks/async/drop.ts
index 51978b0..5367bac 100644
--- a/packages/thirdweb-react/src/hooks/async/drop.ts
+++ b/packages/thirdweb-react/src/hooks/async/drop.ts
@@ -22,7 +22,7 @@ import {
   QueryAllParams,
   SignatureDrop,
   UploadProgressEvent,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import invariant from "tiny-invariant";
 
 /** **********************/
diff --git a/packages/thirdweb-react/src/hooks/async/marketplace.ts b/packages/thirdweb-react/src/hooks/async/marketplace.ts
index a89a326..e0e31f1 100644
--- a/packages/thirdweb-react/src/hooks/async/marketplace.ts
+++ b/packages/thirdweb-react/src/hooks/async/marketplace.ts
@@ -12,9 +12,9 @@ import type {
   MarketplaceFilter,
   NewAuctionListing,
   NewDirectListing,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 // eslint-disable-next-line no-duplicate-imports
-import { ListingType } from "@thirdweb-dev/sdk/dist/browser";
+import { ListingType } from "@thirdweb-dev/sdk";
 import { BigNumber, BigNumberish } from "ethers";
 import invariant from "tiny-invariant";
 
diff --git a/packages/thirdweb-react/src/hooks/async/nft.ts b/packages/thirdweb-react/src/hooks/async/nft.ts
index 3dc3786..1133ed5 100644
--- a/packages/thirdweb-react/src/hooks/async/nft.ts
+++ b/packages/thirdweb-react/src/hooks/async/nft.ts
@@ -19,11 +19,7 @@ import {
 } from "../../utils/cache-keys";
 import { useQueryWithNetwork } from "../query-utils/useQueryWithNetwork";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import {
-  Erc721,
-  Erc1155,
-  QueryAllParams,
-} from "@thirdweb-dev/sdk/dist/browser";
+import { Erc721, Erc1155, QueryAllParams } from "@thirdweb-dev/sdk";
 import { BigNumber, BigNumberish } from "ethers";
 import invariant from "tiny-invariant";
 
diff --git a/packages/thirdweb-react/src/hooks/async/roles.ts b/packages/thirdweb-react/src/hooks/async/roles.ts
index 1ee83ca..644b8eb 100644
--- a/packages/thirdweb-react/src/hooks/async/roles.ts
+++ b/packages/thirdweb-react/src/hooks/async/roles.ts
@@ -13,7 +13,7 @@ import type {
   Split,
   ValidContractInstance,
   Vote,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import { constants } from "ethers";
 import invariant from "tiny-invariant";
 
diff --git a/packages/thirdweb-react/src/hooks/async/token.ts b/packages/thirdweb-react/src/hooks/async/token.ts
index 8492577..8c48b1e 100644
--- a/packages/thirdweb-react/src/hooks/async/token.ts
+++ b/packages/thirdweb-react/src/hooks/async/token.ts
@@ -12,7 +12,7 @@ import {
 } from "../../utils/cache-keys";
 import { useQueryWithNetwork } from "../query-utils/useQueryWithNetwork";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import type { Erc20, TokenDrop } from "@thirdweb-dev/sdk/dist/browser";
+import type { Erc20, TokenDrop } from "@thirdweb-dev/sdk";
 import invariant from "tiny-invariant";
 
 /** **********************/
diff --git a/packages/thirdweb-react/src/hooks/async/wallet.ts b/packages/thirdweb-react/src/hooks/async/wallet.ts
index e2d6a9d..d3a9565 100644
--- a/packages/thirdweb-react/src/hooks/async/wallet.ts
+++ b/packages/thirdweb-react/src/hooks/async/wallet.ts
@@ -6,7 +6,7 @@ import { useAddress } from "../useAddress";
 import { useChainId } from "../useChainId";
 import { useSigner } from "../useSigner";
 import { useQuery } from "@tanstack/react-query";
-import { UserWallet } from "@thirdweb-dev/sdk/dist/browser";
+import { UserWallet } from "@thirdweb-dev/sdk";
 import { useMemo } from "react";
 
 /**
diff --git a/packages/thirdweb-react/src/hooks/connectors/useMetamask.ts b/packages/thirdweb-react/src/hooks/connectors/useMetamask.ts
index 69c650d..a84d03e 100644
--- a/packages/thirdweb-react/src/hooks/connectors/useMetamask.ts
+++ b/packages/thirdweb-react/src/hooks/connectors/useMetamask.ts
@@ -1,4 +1,4 @@
-import { isAndroid, isMobile } from "../../utils/isMobile";
+import { isMobile } from "../../utils/isMobile";
 import { useConnect } from "../useConnect";
 import invariant from "tiny-invariant";
 
@@ -60,21 +60,8 @@ export function useMetamask() {
     // if we don't have an injected provider
     if (!isMetaMaskInjected) {
       // this is the fallback uri that should work no matter what
-      let uri = `https://metamask.app.link/dapp/${window.location.toString()}`;
+      const uri = `https://metamask.app.link/dapp/${window.location.toString()}`;
 
-      // if we have walletconnect etc, we can try to use that
-      if (shouldUseWalletConnect && connector.id === "walletConnect") {
-        try {
-          uri = (await connector.getProvider()).connector.uri;
-          // if android we can use the uri straight
-          uri = isAndroid()
-            ? uri
-            : // otherwise we have to use /dapp link for now
-              `https://metamask.app.link/dapp/${window.location.toString()}`;
-        } catch (err) {
-          console.warn("failed to get provider.connector.uri", err);
-        }
-      }
       // open whatever uri we end up with in a new tab
       window.open(uri, "_blank");
 
diff --git a/packages/thirdweb-react/src/hooks/contracts/useBuiltinContract.ts b/packages/thirdweb-react/src/hooks/contracts/useBuiltinContract.ts
index 53fb9f4..126bb3b 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useBuiltinContract.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useBuiltinContract.ts
@@ -1,8 +1,5 @@
 import { useSDK } from "../../Provider";
-import {
-  ContractForContractType,
-  ContractType,
-} from "@thirdweb-dev/sdk/dist/browser";
+import { ContractForContractType, ContractType } from "@thirdweb-dev/sdk";
 
 /**
  * @internal
diff --git a/packages/thirdweb-react/src/hooks/contracts/useEdition.ts b/packages/thirdweb-react/src/hooks/contracts/useEdition.ts
index da75af1..97d126a 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useEdition.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useEdition.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Edition } from "@thirdweb-dev/sdk/dist/browser";
+import { Edition } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `Edition` contract. This contract is used to interface with ERC1155 compliant NFTs.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useEditionDrop.ts b/packages/thirdweb-react/src/hooks/contracts/useEditionDrop.ts
index 0f98ddd..080d4be 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useEditionDrop.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useEditionDrop.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { EditionDrop } from "@thirdweb-dev/sdk/dist/browser";
+import { EditionDrop } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `EditionDrop` contract. This conract is used to interface with ERC1155 compliant NFTs that can be lazily minted.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useMarketplace.ts b/packages/thirdweb-react/src/hooks/contracts/useMarketplace.ts
index b1708cf..f18f5d2 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useMarketplace.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useMarketplace.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Marketplace } from "@thirdweb-dev/sdk/dist/browser";
+import { Marketplace } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of a `Marketplace` contract. This contract is used to support marketplace for purchase and sale of on-chain assets.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useMultiwrap.ts b/packages/thirdweb-react/src/hooks/contracts/useMultiwrap.ts
index 5eeac44..9da4d40 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useMultiwrap.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useMultiwrap.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Multiwrap } from "@thirdweb-dev/sdk/dist/browser";
+import { Multiwrap } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `Multiwrap` contract. This contract is an ERC721 in which you can wrap ERC721, ERC1155 and ERC20 tokens.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useNFTCollection.ts b/packages/thirdweb-react/src/hooks/contracts/useNFTCollection.ts
index 3658a01..2732251 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useNFTCollection.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useNFTCollection.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { NFTCollection } from "@thirdweb-dev/sdk/dist/browser";
+import { NFTCollection } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `NFTCollection` contract. This contract is meant to interface with ERC721 compliant NFTs.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useNFTDrop.ts b/packages/thirdweb-react/src/hooks/contracts/useNFTDrop.ts
index 815e278..37d3a05 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useNFTDrop.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useNFTDrop.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { NFTDrop } from "@thirdweb-dev/sdk/dist/browser";
+import { NFTDrop } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `NFTDrop` contract. This contract is meant to interface with ERC721 compliant NFTs that can be lazily minted.
diff --git a/packages/thirdweb-react/src/hooks/contracts/usePack.ts b/packages/thirdweb-react/src/hooks/contracts/usePack.ts
index 79c7176..315a0f3 100644
--- a/packages/thirdweb-react/src/hooks/contracts/usePack.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/usePack.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Pack } from "@thirdweb-dev/sdk/dist/browser";
+import { Pack } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of a `Pack` contract. This contract supports the creation of on-chain luck-based lootboxes.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useSignatureDrop.ts b/packages/thirdweb-react/src/hooks/contracts/useSignatureDrop.ts
index 08acce2..1d4171f 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useSignatureDrop.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useSignatureDrop.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { SignatureDrop } from "@thirdweb-dev/sdk/dist/browser";
+import { SignatureDrop } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `SignatureDrop` contract. This contract is meant to interface with ERC721 compliant NFTs that can be lazily minted.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useSplit.ts b/packages/thirdweb-react/src/hooks/contracts/useSplit.ts
index 4b6af5d..8c6ba33 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useSplit.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useSplit.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Split } from "@thirdweb-dev/sdk/dist/browser";
+import { Split } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of a `Split` contract. This contract supports fund distribution to multiple parties.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useToken.ts b/packages/thirdweb-react/src/hooks/contracts/useToken.ts
index 3780f2c..50867b8 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useToken.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useToken.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Token } from "@thirdweb-dev/sdk/dist/browser";
+import { Token } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of a `Token` contract. This contract supports ERC20 compliant tokens.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useTokenDrop.ts b/packages/thirdweb-react/src/hooks/contracts/useTokenDrop.ts
index 1ba7d9f..58c9398 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useTokenDrop.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useTokenDrop.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { TokenDrop } from "@thirdweb-dev/sdk/dist/browser";
+import { TokenDrop } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of a `Token Drop` contract.
diff --git a/packages/thirdweb-react/src/hooks/contracts/useVote.ts b/packages/thirdweb-react/src/hooks/contracts/useVote.ts
index b85bf20..0fc20a6 100644
--- a/packages/thirdweb-react/src/hooks/contracts/useVote.ts
+++ b/packages/thirdweb-react/src/hooks/contracts/useVote.ts
@@ -1,5 +1,5 @@
 import { useBuiltinContract } from "./useBuiltinContract";
-import { Vote } from "@thirdweb-dev/sdk/dist/browser";
+import { Vote } from "@thirdweb-dev/sdk";
 
 /**
  * Hook for getting an instance of an `Vote` contract. This contract enables fully featured voting-based decentralized governance systems.
diff --git a/packages/thirdweb-react/src/hooks/useReadonlySDK.ts b/packages/thirdweb-react/src/hooks/useReadonlySDK.ts
index c9685a4..0c813fe 100644
--- a/packages/thirdweb-react/src/hooks/useReadonlySDK.ts
+++ b/packages/thirdweb-react/src/hooks/useReadonlySDK.ts
@@ -1,8 +1,4 @@
-import {
-  IStorage,
-  SDKOptions,
-  ThirdwebSDK,
-} from "@thirdweb-dev/sdk/dist/browser";
+import { IStorage, SDKOptions, ThirdwebSDK } from "@thirdweb-dev/sdk";
 import { useMemo } from "react";
 
 /**
diff --git a/packages/thirdweb-react/src/index.ts b/packages/thirdweb-react/src/index.ts
index 7458dc1..10c4ffe 100644
--- a/packages/thirdweb-react/src/index.ts
+++ b/packages/thirdweb-react/src/index.ts
@@ -18,7 +18,7 @@ export * from "./hooks/useNetwork";
 
 // re-exports
 export { defaultChains, defaultL2Chains, useAccount, useProvider } from "wagmi";
-export { ChainId } from "@thirdweb-dev/sdk/dist/browser";
+export { ChainId } from "@thirdweb-dev/sdk";
 
 // async hooks
 export * from "./hooks/async/contracts";
diff --git a/packages/thirdweb-react/src/types.ts b/packages/thirdweb-react/src/types.ts
index f6fdacf..5b0b90a 100644
--- a/packages/thirdweb-react/src/types.ts
+++ b/packages/thirdweb-react/src/types.ts
@@ -11,7 +11,7 @@ import type {
   NFTMetadata,
   Price,
   SignatureDrop,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import type {
   NFTMetadataInput,
   NFTMetadataOrUri,
diff --git a/packages/thirdweb-react/src/utils/cache-keys.ts b/packages/thirdweb-react/src/utils/cache-keys.ts
index 714c0ec..cb5a986 100644
--- a/packages/thirdweb-react/src/utils/cache-keys.ts
+++ b/packages/thirdweb-react/src/utils/cache-keys.ts
@@ -5,7 +5,7 @@ import type {
   MarketplaceFilter,
   QueryAllParams,
   SUPPORTED_CHAIN_ID,
-} from "@thirdweb-dev/sdk/dist/browser";
+} from "@thirdweb-dev/sdk";
 import { BigNumberish, constants } from "ethers";
 
 const TW_CACHE_KEY_PREFIX = "tw-cache";
diff --git a/yarn.lock b/yarn.lock
index 5a0d52a..828a918 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2135,37 +2135,39 @@
     cookie "^0.5.0"
     cookie-parser "^1.4.6"
 
-"@thirdweb-dev/contracts@3.1.0-1":
-  version "3.1.0-1"
-  resolved "https://registry.yarnpkg.com/@thirdweb-dev/contracts/-/contracts-3.1.0-1.tgz#8c4d068f0548f780a90cc723636bcc358cb946eb"
-  integrity sha512-v19UtKKIpd6ol7fXcAL24F7Jwew1jIAmxstogTw9MdX2k9McwaI0Ebxu/3SSkQq2AhmruwOPp+E2xq1SWKsBUw==
-
 "@thirdweb-dev/contracts@3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@thirdweb-dev/contracts/-/contracts-3.1.2.tgz#fde89c4b42f842f2504fe8f3d42b7535e8c1ddab"
   integrity sha512-Ly3cEw5K8xfCwj0Fhgzr5olK3mG267TKacDeeufXM/YvU+/6qrpcCWd0JeSafK11+OrMDVXAK/5md93JeniNPQ==
 
-"@thirdweb-dev/sdk@^2":
-  version "2.3.38"
-  resolved "https://registry.yarnpkg.com/@thirdweb-dev/sdk/-/sdk-2.3.38.tgz#785ef14e6a03c3816dd71c7f377192e1edeb4177"
-  integrity sha512-jVR1nUt0Q9VldRjT8/3DGGq3mmHflVg/PliQ70xPTEVZ+o0KqudlJwO4HHkNm/oddzapvCKq9scC4pRb/UgmGA==
-  dependencies:
-    "@thirdweb-dev/contracts" "3.1.0-1"
-    "@web-std/file" "^3.0.0"
-    cbor "^8.1.0"
-    cross-fetch "^3.1.5"
-    eventemitter3 "^4.0.7"
-    fast-deep-equal "^3.1.3"
-    form-data "^4.0.0"
-    multihashes "^4.0.3"
+"@thirdweb-dev/react@*":
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/@thirdweb-dev/react/-/react-2.7.2.tgz#f18dd8fc983c0c4a64752e49a9044ca269f180f4"
+  integrity sha512-D4pxDje6DYe99C4w/VrZxeioykiypHbwNXsRdioNcvD7mqLcADuTDVSayCjFb4BCAqhMN0F2Df0u+iudx8TpFA==
+  dependencies:
+    "@emotion/react" "^11.10.0"
+    "@emotion/styled" "^11.10.0"
+    "@gnosis.pm/safe-core-sdk" "2.1.0"
+    "@gnosis.pm/safe-ethers-adapters" "0.1.0-alpha.9"
+    "@gnosis.pm/safe-ethers-lib" "1.1.0"
+    "@reach/portal" "^0.17.0"
+    "@tanstack/react-query" "^4.0.10"
+    "@zag-js/menu" "^0.1.11"
+    "@zag-js/react" "^0.1.13"
+    color "^4.2.3"
+    copy-to-clipboard "^3.3.2"
+    detect-browser "^5.3.0"
+    magic-sdk "^8.1.1"
+    mime "^3.0.0"
+    react-cool-dimensions "^2.0.7"
+    react-icons "^4.4.0"
     tiny-invariant "^1.2.0"
-    uuid "^8.3.2"
-    zod "^3.11.6"
+    wagmi "^0.2.28"
 
-"@thirdweb-dev/sdk@^2.3.39":
-  version "2.3.39"
-  resolved "https://registry.yarnpkg.com/@thirdweb-dev/sdk/-/sdk-2.3.39.tgz#95af60acd8d02e61c2df6c1e024b514e4e8f4d3b"
-  integrity sha512-JVnX64+MdQiSIrn/CNhFsrBDhpbd1oVKe7bLGHnAJ/CjG5LRiUOLR1Xj754odotxDiUPW8umIiCKqZRF267pZQ==
+"@thirdweb-dev/sdk@^2", "@thirdweb-dev/sdk@^2.3.39":
+  version "2.3.41"
+  resolved "https://registry.yarnpkg.com/@thirdweb-dev/sdk/-/sdk-2.3.41.tgz#afd8a8b76ba801302c91b523d1259f30a60a4262"
+  integrity sha512-P8+eydK9g/VkLZqpjYbJ1/YC7AQdzj7wsT5pymb5iVtgsx4wWuc6BNHyhtg5x0BnfJ3VhPWupGm0JubBasOceA==
   dependencies:
     "@thirdweb-dev/contracts" "3.1.2"
     "@thirdweb-dev/storage" "^0.1.0"
@@ -2355,13 +2357,13 @@
     "@types/node" "*"
 
 "@typescript-eslint/eslint-plugin@^5.2.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.34.0.tgz#d690f60e335596f38b01792e8f4b361d9bd0cb35"
-  integrity sha512-eRfPPcasO39iwjlUAMtjeueRGuIrW3TQ9WseIDl7i5UWuFbf83yYaU7YPs4j8+4CxUMIsj1k+4kV+E+G+6ypDQ==
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.35.1.tgz#0d822bfea7469904dfc1bb8f13cabd362b967c93"
+  integrity sha512-RBZZXZlI4XCY4Wzgy64vB+0slT9+yAPQRjj/HSaRwUot33xbDjF1oN9BLwOLTewoOI0jothIltZRe9uJCHf8gg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.34.0"
-    "@typescript-eslint/type-utils" "5.34.0"
-    "@typescript-eslint/utils" "5.34.0"
+    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/type-utils" "5.35.1"
+    "@typescript-eslint/utils" "5.35.1"
     debug "^4.3.4"
     functional-red-black-tree "^1.0.1"
     ignore "^5.2.0"
@@ -2370,68 +2372,68 @@
     tsutils "^3.21.0"
 
 "@typescript-eslint/parser@^5.2.0", "@typescript-eslint/parser@^5.21.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.34.0.tgz#ca710858ea85dbfd30c9b416a335dc49e82dbc07"
-  integrity sha512-SZ3NEnK4usd2CXkoV3jPa/vo1mWX1fqRyIVUQZR4As1vyp4fneknBNJj+OFtV8WAVgGf+rOHMSqQbs2Qn3nFZQ==
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.35.1.tgz#bf2ee2ebeaa0a0567213748243fb4eec2857f04f"
+  integrity sha512-XL2TBTSrh3yWAsMYpKseBYTVpvudNf69rPOWXWVBI08My2JVT5jR66eTt4IgQFHA/giiKJW5dUD4x/ZviCKyGg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.34.0"
-    "@typescript-eslint/types" "5.34.0"
-    "@typescript-eslint/typescript-estree" "5.34.0"
+    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/typescript-estree" "5.35.1"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.34.0.tgz#14efd13dc57602937e25f188fd911f118781e527"
-  integrity sha512-HNvASMQlah5RsBW6L6c7IJ0vsm+8Sope/wu5sEAf7joJYWNb1LDbJipzmdhdUOnfrDFE6LR1j57x1EYVxrY4ow==
+"@typescript-eslint/scope-manager@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.35.1.tgz#ccb69d54b7fd0f2d0226a11a75a8f311f525ff9e"
+  integrity sha512-kCYRSAzIW9ByEIzmzGHE50NGAvAP3wFTaZevgWva7GpquDyFPFcmvVkFJGWJJktg/hLwmys/FZwqM9EKr2u24Q==
   dependencies:
-    "@typescript-eslint/types" "5.34.0"
-    "@typescript-eslint/visitor-keys" "5.34.0"
+    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/visitor-keys" "5.35.1"
 
-"@typescript-eslint/type-utils@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.34.0.tgz#7a324ab9ddd102cd5e1beefc94eea6f3eb32d32d"
-  integrity sha512-Pxlno9bjsQ7hs1pdWRUv9aJijGYPYsHpwMeCQ/Inavhym3/XaKt1ZKAA8FIw4odTBfowBdZJDMxf2aavyMDkLg==
+"@typescript-eslint/type-utils@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.35.1.tgz#d50903b56758c5c8fc3be52b3be40569f27f9c4a"
+  integrity sha512-8xT8ljvo43Mp7BiTn1vxLXkjpw8wS4oAc00hMSB4L1/jIiYbjjnc3Qp2GAUOG/v8zsNCd1qwcqfCQ0BuishHkw==
   dependencies:
-    "@typescript-eslint/utils" "5.34.0"
+    "@typescript-eslint/utils" "5.35.1"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.34.0.tgz#217bf08049e9e7b86694d982e88a2c1566330c78"
-  integrity sha512-49fm3xbbUPuzBIOcy2CDpYWqy/X7VBkxVN+DC21e0zIm3+61Z0NZi6J9mqPmSW1BDVk9FIOvuCFyUPjXz93sjA==
+"@typescript-eslint/types@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.35.1.tgz#af355fe52a0cc88301e889bc4ada72f279b63d61"
+  integrity sha512-FDaujtsH07VHzG0gQ6NDkVVhi1+rhq0qEvzHdJAQjysN+LHDCKDKCBRlZFFE0ec0jKxiv0hN63SNfExy0KrbQQ==
 
-"@typescript-eslint/typescript-estree@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.34.0.tgz#ba7b83f4bf8ccbabf074bbf1baca7a58de3ccb9a"
-  integrity sha512-mXHAqapJJDVzxauEkfJI96j3D10sd567LlqroyCeJaHnu42sDbjxotGb3XFtGPYKPD9IyLjhsoULML1oI3M86A==
+"@typescript-eslint/typescript-estree@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.35.1.tgz#db878a39a0dbdc9bb133f11cdad451770bfba211"
+  integrity sha512-JUqE1+VRTGyoXlDWWjm6MdfpBYVq+hixytrv1oyjYIBEOZhBCwtpp5ZSvBt4wIA1MKWlnaC2UXl2XmYGC3BoQA==
   dependencies:
-    "@typescript-eslint/types" "5.34.0"
-    "@typescript-eslint/visitor-keys" "5.34.0"
+    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/visitor-keys" "5.35.1"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.34.0.tgz#0cae98f48d8f9e292e5caa9343611b6faf49e743"
-  integrity sha512-kWRYybU4Rn++7lm9yu8pbuydRyQsHRoBDIo11k7eqBWTldN4xUdVUMCsHBiE7aoEkFzrUEaZy3iH477vr4xHAQ==
+"@typescript-eslint/utils@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.35.1.tgz#ae1399afbfd6aa7d0ed1b7d941e9758d950250eb"
+  integrity sha512-v6F8JNXgeBWI4pzZn36hT2HXXzoBBBJuOYvoQiaQaEEjdi5STzux3Yj8v7ODIpx36i/5s8TdzuQ54TPc5AITQQ==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.34.0"
-    "@typescript-eslint/types" "5.34.0"
-    "@typescript-eslint/typescript-estree" "5.34.0"
+    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/typescript-estree" "5.35.1"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.34.0":
-  version "5.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.34.0.tgz#d0fb3e31033e82ddd5de048371ad39eb342b2d40"
-  integrity sha512-O1moYjOSrab0a2fUvFpsJe0QHtvTC+cR+ovYpgKrAVXzqQyc74mv76TgY6z+aEtjQE2vgZux3CQVtGryqdcOAw==
+"@typescript-eslint/visitor-keys@5.35.1":
+  version "5.35.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.35.1.tgz#285e9e34aed7c876f16ff646a3984010035898e6"
+  integrity sha512-cEB1DvBVo1bxbW/S5axbGPE6b7FIMAbo3w+AGq6zNDA7+NYJOIkKj/sInfTv4edxd4PxJSgdN4t6/pbvgA+n5g==
   dependencies:
-    "@typescript-eslint/types" "5.34.0"
+    "@typescript-eslint/types" "5.35.1"
     eslint-visitor-keys "^3.3.0"
 
 "@walletconnect/browser-utils@^1.8.0":
@@ -2762,15 +2764,10 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
   integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
-ansi-regex@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
-  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
-
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+ansi-regex@^4.1.0, ansi-regex@^5.0.1, ansi-regex@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
+  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
 
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
@@ -3178,9 +3175,9 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
 caniuse-lite@^1.0.30001332, caniuse-lite@^1.0.30001370:
-  version "1.0.30001382"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001382.tgz#4d37f0d0b6fffb826c8e5e1c0f4bf8ce592db949"
-  integrity sha512-2rtJwDmSZ716Pxm1wCtbPvHtbDWAreTPxXbkc5RkKglow3Ig/4GNGazDI9/BVnXbG/wnv6r3B5FEbkfg9OcTGg==
+  version "1.0.30001383"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001383.tgz#aecf317ccd940690725ae3ae4f28293c5fb8050e"
+  integrity sha512-swMpEoTp5vDoGBZsYZX7L7nXHe6dsHxi9o6/LKf/f0LukVtnrxly5GVb/fWdCDTqi/yw6Km6tiJ0pmBacm0gbg==
 
 cbor@^8.1.0:
   version "8.1.0"
@@ -3348,17 +3345,17 @@ copy-to-clipboard@^3.3.1, copy-to-clipboard@^3.3.2:
     toggle-selection "^1.0.6"
 
 core-js-compat@^3.21.0, core-js-compat@^3.22.1:
-  version "3.24.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.24.1.tgz#d1af84a17e18dfdd401ee39da9996f9a7ba887de"
-  integrity sha512-XhdNAGeRnTpp8xbD+sR/HFDK9CbeeeqXT6TuofXh3urqEevzkWmLRgrVoykodsw8okqo2pu1BOmuCKrHx63zdw==
+  version "3.25.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.25.0.tgz#489affbfbf9cb3fa56192fe2dd9ebaee985a66c5"
+  integrity sha512-extKQM0g8/3GjFx9US12FAgx8KJawB7RCQ5y8ipYLbmfzEzmFRWdDjIlxDx82g7ygcNG85qMVUSRyABouELdow==
   dependencies:
     browserslist "^4.21.3"
     semver "7.0.0"
 
 core-js-pure@^3.20.2:
-  version "3.24.1"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.24.1.tgz#8839dde5da545521bf282feb7dc6d0b425f39fd3"
-  integrity sha512-r1nJk41QLLPyozHUUPmILCEMtMw24NG4oWK6RbsDdjzQgg9ZvrUsPBj1MnG0wXXp1DCDU6j+wUvEmBSrtRbLXg==
+  version "3.25.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.25.0.tgz#f8d1f176ff29abbfeb610110de891d5ae5a361d4"
+  integrity sha512-IeHpLwk3uoci37yoI2Laty59+YqH9x5uR65/yiA0ARAJrTrN4YU0rmauLWfvqOuk77SlNJXj2rM6oT/dBD87+A==
 
 cosmiconfig@^7.0.0:
   version "7.0.1"
@@ -3566,9 +3563,9 @@ eip1193-provider@1.0.1:
     "@json-rpc-tools/provider" "^1.5.5"
 
 electron-to-chromium@^1.4.202:
-  version "1.4.228"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.228.tgz#3baff13cf54198c2045f9bdd8b64db93aafd7f33"
-  integrity sha512-XfDHCvou7CsDMlFwb0WZ1tWmW48e7Sn7VBRyPfZsZZila9esRsJl1trO+OqDNV97GggFSt0ISbWslKXfQkG//g==
+  version "1.4.230"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.230.tgz#666909fdf5765acb1348b69752ee9955dc1664b7"
+  integrity sha512-3pwjAK0qHSDN9+YAF4fJknsSruP7mpjdWzUSruIJD/JCH77pEh0SorEyb3xVaKkfwk2tzjOt2D8scJ0KAdfXLA==
 
 elliptic@6.5.4, elliptic@^6.4.0, elliptic@^6.5.2, elliptic@^6.5.4:
   version "6.5.4"
@@ -3809,9 +3806,9 @@ eslint-plugin-react-hooks@^4.5.0:
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
 eslint-plugin-react@^7.29.4:
-  version "7.30.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.30.1.tgz#2be4ab23ce09b5949c6631413ba64b2810fd3e22"
-  integrity sha512-NbEvI9jtqO46yJA3wcRF9Mo0lF9T/jhdHqhCHXiXtD+Zcb98812wvokjWpU7Q4QH5edo6dmqrukxVvWWXHlsUg==
+  version "7.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.0.tgz#fd3f81c9db5971095b3521ede22781afd37442b0"
+  integrity sha512-BWriBttYYCnfb4RO9SB91Og8uA9CPcBMl5UlCOCtuYW1UjhN3QypzEcEHky4ZIRZDKjbO2Blh9BjP8E7W/b1SA==
   dependencies:
     array-includes "^3.1.5"
     array.prototype.flatmap "^1.3.0"
@@ -6555,9 +6552,9 @@ typedarray-to-buffer@3.1.5, typedarray-to-buffer@^3.1.5:
     is-typedarray "^1.0.0"
 
 typescript@^4.6.2, typescript@^4.7.2, typescript@~4.7.4:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.2.tgz#e3b33d5ccfb5914e4eeab6699cf208adee3fd790"
+  integrity sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==
 
 uint8arrays@^3.0.0:
   version "3.1.0"