diff --git a/packages/state/query/queries/nft.ts b/packages/state/query/queries/nft.ts
index 4eb2aed7da..f471f0fd68 100644
--- a/packages/state/query/queries/nft.ts
+++ b/packages/state/query/queries/nft.ts
@@ -1,13 +1,21 @@
 import { QueryClient, queryOptions } from '@tanstack/react-query'
 
-import { ChainId } from '@dao-dao/types'
+import { ChainId, NftCardInfo, NftUriData, TokenType } from '@dao-dao/types'
+import {
+  STARGAZE_URL_BASE,
+  getNftKey,
+  nftCardInfoFromStargazeIndexerNft,
+  transformIpfsUrlToHttpsIfNecessary,
+} from '@dao-dao/utils'
 
+import { stargazeIndexerClient, stargazeTokenQuery } from '../../graphql'
 import {
   cw721BaseQueries,
   daoVotingCw721StakedExtraQueries,
   daoVotingOnftStakedExtraQueries,
 } from './contracts'
 import { omniflixQueries } from './omniflix'
+import { tokenQueries } from './token'
 
 /**
  * Fetch owner of NFT, or staked if NFT is staked with the given staking
@@ -87,6 +95,255 @@ export const fetchNftOwnerOrStaker = async (
   }
 }
 
+/**
+ * Fetch NFT card info.
+ */
+export const fetchNftCardInfo = async (
+  queryClient: QueryClient,
+  {
+    chainId,
+    collection,
+    tokenId,
+  }: {
+    chainId: string
+    collection: string
+    tokenId: string
+  }
+): Promise<NftCardInfo> => {
+  // Use Stargaze indexer when possible. Fallback to contract query.
+  if (
+    chainId === ChainId.StargazeMainnet ||
+    chainId === ChainId.StargazeTestnet
+  ) {
+    let data
+    try {
+      data = (
+        await stargazeIndexerClient.query({
+          query: stargazeTokenQuery,
+          variables: {
+            collectionAddr: collection,
+            tokenId,
+          },
+        })
+      ).data
+    } catch (err) {
+      console.error(err)
+    }
+
+    if (data?.token) {
+      const genericToken = data.token?.highestOffer?.offerPrice?.denom
+        ? await queryClient.fetchQuery(
+            tokenQueries.info(queryClient, {
+              chainId,
+              type: TokenType.Native,
+              denomOrAddress: data.token.highestOffer.offerPrice.denom,
+            })
+          )
+        : undefined
+
+      return nftCardInfoFromStargazeIndexerNft(
+        chainId,
+        data.token,
+        genericToken
+      )
+    }
+  }
+
+  if (
+    chainId === ChainId.OmniflixHubMainnet ||
+    chainId === ChainId.OmniflixHubTestnet
+  ) {
+    const [collectionInfo, onft] = await Promise.all([
+      queryClient.fetchQuery(
+        omniflixQueries.onftCollectionInfo({
+          chainId,
+          id: collection,
+        })
+      ),
+      queryClient.fetchQuery(
+        omniflixQueries.onft({
+          chainId,
+          collectionId: collection,
+          tokenId,
+        })
+      ),
+    ])
+
+    return {
+      chainId,
+      key: getNftKey(chainId, collection, tokenId),
+      collectionAddress: collection,
+      collectionName: collectionInfo.name,
+      tokenId,
+      owner: onft.owner,
+      externalLink: {
+        href: `https://omniflix.market/c/${collection}/${tokenId}`,
+        name: 'OmniFlix',
+      },
+      imageUrl: onft.metadata?.mediaUri,
+      name: onft.metadata?.name || tokenId,
+      description: onft.metadata?.description,
+    }
+  }
+
+  const tokenInfo = await queryClient.fetchQuery(
+    cw721BaseQueries.nftInfo({
+      chainId,
+      contractAddress: collection,
+      args: {
+        tokenId,
+      },
+    })
+  )
+
+  return await queryClient.fetchQuery(
+    nftQueries.cardInfoFromUri(queryClient, {
+      chainId,
+      collection,
+      tokenId,
+      tokenUri: tokenInfo.token_uri,
+    })
+  )
+}
+
+/**
+ * Fetch NFT card info given its token URI.
+ */
+export const fetchNftCardInfoFromUri = async (
+  queryClient: QueryClient,
+  {
+    chainId,
+    collection,
+    tokenId,
+    tokenUri,
+  }: {
+    chainId: string
+    collection: string
+    tokenId: string
+    tokenUri?: string | null | undefined
+  }
+): Promise<NftCardInfo> => {
+  const collectionInfo = await queryClient.fetchQuery(
+    cw721BaseQueries.contractInfo({
+      chainId,
+      contractAddress: collection,
+    })
+  )
+
+  const metadata =
+    (tokenUri &&
+      (await queryClient
+        .fetchQuery(nftQueries.metadataFromUri({ tokenUri }))
+        .catch(() => undefined))) ||
+    undefined
+  const { name = '', description, imageUrl, externalLink } = metadata || {}
+
+  const info: NftCardInfo = {
+    key: getNftKey(chainId, collection, tokenId),
+    collectionAddress: collection,
+    collectionName: collectionInfo.name,
+    tokenId,
+    externalLink:
+      externalLink ||
+      (chainId === ChainId.StargazeMainnet ||
+      chainId === ChainId.StargazeTestnet
+        ? {
+            href: `${STARGAZE_URL_BASE}/media/${collection}/${tokenId}`,
+            name: 'Stargaze',
+          }
+        : undefined),
+    // Default to tokenUri; this gets overwritten if tokenUri contains valid
+    // metadata and has an image.
+    imageUrl: imageUrl || tokenUri || undefined,
+    metadata,
+    name,
+    description,
+    chainId,
+  }
+
+  return info
+}
+
+/**
+ * Parse NFT metadata from a token URI.
+ *
+ * Tries to parse [EIP-721] metadata out of an NFT's metadata JSON.
+ *
+ * [EIP-721]: https://github.com/ethereum/EIPs/blob/master/EIPS/eip-721.md
+ */
+export const fetchNftMetadataFromUri = async ({
+  tokenUri,
+}: {
+  tokenUri: string
+}): Promise<NftUriData> => {
+  // Transform IPFS url if necessary.
+  let response = await fetch(transformIpfsUrlToHttpsIfNecessary(tokenUri))
+
+  if (!response.ok) {
+    // Sometimes `tokenUri` is missing a `.json` extension, so try again on
+    // failure in that case.
+    if (!tokenUri.endsWith('.json')) {
+      response = await fetch(
+        transformIpfsUrlToHttpsIfNecessary(tokenUri + '.json')
+      )
+    }
+
+    if (!response.ok) {
+      throw new Error(
+        `Failed to fetch NFT metadata: [${response.status} ${
+          response.statusText
+        }] ${await response.text().catch(() => '')}`.trim()
+      )
+    }
+  }
+
+  const data = await response.json()
+
+  let name
+  let description
+  let imageUrl
+  let externalLink
+
+  if (typeof data.name === 'string' && !!data.name.trim()) {
+    name = data.name
+  }
+
+  if (typeof data.description === 'string' && !!data.description.trim()) {
+    description = data.description
+  }
+
+  if (typeof data.image === 'string' && !!data.image) {
+    imageUrl = transformIpfsUrlToHttpsIfNecessary(data.image)
+  }
+
+  if (typeof data.external_url === 'string' && !!data.external_url.trim()) {
+    const externalUrl = transformIpfsUrlToHttpsIfNecessary(data.external_url)
+    const externalUrlDomain = new URL(externalUrl).hostname
+    externalLink = {
+      href: externalUrl,
+      name: HostnameMap[externalUrlDomain] ?? externalUrlDomain,
+    }
+  }
+
+  return {
+    // Include all metadata.
+    ...data,
+
+    // Override specifics.
+    name,
+    description,
+    imageUrl,
+    externalLink,
+  }
+}
+
+// Maps domain -> human readable name. If a domain is in this set, NFTs
+// associated with it will have their external links displayed using the human
+// readable name provided here.
+const HostnameMap: Record<string, string | undefined> = {
+  'stargaze.zone': 'Stargaze',
+}
+
 export const nftQueries = {
   /**
    * Fetch owner of NFT, or staked if NFT is staked with the given staking
@@ -100,4 +357,34 @@ export const nftQueries = {
       queryKey: ['nft', 'ownerOrStaker', options],
       queryFn: () => fetchNftOwnerOrStaker(queryClient, options),
     }),
+  /**
+   * Fetch NFT card info.
+   */
+  cardInfo: (
+    queryClient: QueryClient,
+    options: Parameters<typeof fetchNftCardInfo>[1]
+  ) =>
+    queryOptions({
+      queryKey: ['nft', 'cardInfo', options],
+      queryFn: () => fetchNftCardInfo(queryClient, options),
+    }),
+  /**
+   * Fetch NFT card info given its token URI.
+   */
+  cardInfoFromUri: (
+    queryClient: QueryClient,
+    options: Parameters<typeof fetchNftCardInfoFromUri>[1]
+  ) =>
+    queryOptions({
+      queryKey: ['nft', 'cardInfoFromUri', options],
+      queryFn: () => fetchNftCardInfoFromUri(queryClient, options),
+    }),
+  /**
+   * Fetch NFT metadata from a token URI.
+   */
+  metadataFromUri: (options: Parameters<typeof fetchNftMetadataFromUri>[0]) =>
+    queryOptions({
+      queryKey: ['nft', 'metadataFromUri', options],
+      queryFn: () => fetchNftMetadataFromUri(options),
+    }),
 }
diff --git a/packages/state/recoil/selectors/nft.ts b/packages/state/recoil/selectors/nft.ts
index 7b23cde616..c9d3591d17 100644
--- a/packages/state/recoil/selectors/nft.ts
+++ b/packages/state/recoil/selectors/nft.ts
@@ -7,22 +7,18 @@ import {
   LoadingDataWithError,
   LoadingNfts,
   NftCardInfo,
-  NftUriData,
   TokenType,
   WithChainId,
 } from '@dao-dao/types'
 import {
   MAINNET,
-  STARGAZE_URL_BASE,
   combineLoadingDataWithErrors,
   getNftKey,
   nftCardInfoFromStargazeIndexerNft,
-  transformIpfsUrlToHttpsIfNecessary,
 } from '@dao-dao/utils'
 
 import {
   stargazeIndexerClient,
-  stargazeTokenQuery,
   stargazeTokensForOwnerQuery,
 } from '../../graphql'
 import { omniflixQueries } from '../../query'
@@ -37,79 +33,6 @@ import { queryAccountIndexerSelector } from './indexer'
 import { stargazeWalletUsdValueSelector } from './stargaze'
 import { genericTokenSelector } from './token'
 
-// Tries to parse [EIP-721] metadata out of an NFT's metadata JSON.
-//
-// [EIP-721]: https://github.com/ethereum/EIPs/blob/master/EIPS/eip-721.md
-export const nftUriDataSelector = selectorFamily<
-  NftUriData | undefined,
-  string
->({
-  key: 'nftUriData',
-  get: (tokenUri) => async () => {
-    try {
-      // Transform IPFS url if necessary.
-      let response = await fetch(transformIpfsUrlToHttpsIfNecessary(tokenUri))
-
-      if (!response.ok) {
-        // Sometimes `tokenUri` is missing a `.json` extension, so try again on
-        // failure in that case.
-        if (!tokenUri.endsWith('.json')) {
-          response = await fetch(
-            transformIpfsUrlToHttpsIfNecessary(tokenUri + '.json')
-          )
-        }
-
-        if (!response.ok) {
-          return
-        }
-      }
-
-      const data = await response.json()
-
-      let name
-      let description
-      let imageUrl
-      let externalLink
-
-      if (typeof data.name === 'string' && !!data.name.trim()) {
-        name = data.name
-      }
-
-      if (typeof data.description === 'string' && !!data.description.trim()) {
-        description = data.description
-      }
-
-      if (typeof data.image === 'string' && !!data.image) {
-        imageUrl = transformIpfsUrlToHttpsIfNecessary(data.image)
-      }
-
-      if (typeof data.external_url === 'string' && !!data.external_url.trim()) {
-        const externalUrl = transformIpfsUrlToHttpsIfNecessary(
-          data.external_url
-        )
-        const externalUrlDomain = new URL(externalUrl).hostname
-        externalLink = {
-          href: externalUrl,
-          name: HostnameMap[externalUrlDomain] ?? externalUrlDomain,
-        }
-      }
-
-      return {
-        // Include all metadata.
-        ...data,
-
-        // Override specifics.
-        name,
-        description,
-        imageUrl,
-        externalLink,
-      }
-    } catch (err) {
-      console.error(err)
-    }
-  },
-})
-
 export const allNftUsdValueSelector = selectorFamily<
   number,
   WithChainId<{ address: string }>
@@ -139,13 +62,6 @@ export const allNftUsdValueSelector = selectorFamily<
     },
 })
 
-// Maps domain -> human readable name. If a domain is in this set, NFTs
-// associated with it will have their external links displayed using the human
-// readable name provided here.
-const HostnameMap: Record<string, string | undefined> = {
-  'stargaze.zone': 'Stargaze',
-}
-
 const STARGAZE_INDEXER_TOKENS_LIMIT = 100
 export const walletStargazeNftCardInfosSelector = selectorFamily<
   NftCardInfo[],
@@ -247,163 +163,6 @@ export const walletStargazeNftCardInfosSelector = selectorFamily<
     },
 })
 
-export const nftCardInfoWithUriSelector = selectorFamily<
-  NftCardInfo,
-  WithChainId<{
-    collection: string
-    tokenId: string
-    tokenUri?: string | null | undefined
-  }>
->({
-  key: 'nftCardInfo',
-  get:
-    ({ tokenId, collection, tokenUri, chainId }) =>
-    async ({ get }) => {
-      const collectionInfo = get(
-        CommonNftSelectors.contractInfoSelector({
-          contractAddress: collection,
-          chainId,
-          params: [],
-        })
-      )
-
-      const metadata =
-        (tokenUri && get(nftUriDataSelector(tokenUri))) || undefined
-      const { name = '', description, imageUrl, externalLink } = metadata || {}
-
-      const info: NftCardInfo = {
-        key: getNftKey(chainId, collection, tokenId),
-        collectionAddress: collection,
-        collectionName: collectionInfo.name,
-        tokenId,
-        externalLink:
-          externalLink ||
-          (chainId === ChainId.StargazeMainnet ||
-          chainId === ChainId.StargazeTestnet
-            ? {
-                href: `${STARGAZE_URL_BASE}/media/${collection}/${tokenId}`,
-                name: 'Stargaze',
-              }
-            : undefined),
-        // Default to tokenUri; this gets overwritten if tokenUri contains valid
-        // metadata and has an image.
-        imageUrl: imageUrl || tokenUri || undefined,
-        metadata,
-        name,
-        description,
-        chainId,
-      }
-
-      return info
-    },
-})
-
-// TODO(omniflix): move this to react-query and load ONFT JSON metadata URI
-export const nftCardInfoSelector = selectorFamily<
-  NftCardInfo,
-  WithChainId<{ tokenId: string; collection: string }>
->({
-  key: 'nftCardInfo',
-  get:
-    ({ tokenId, collection, chainId }) =>
-    async ({ get }) => {
-      // Use Stargaze indexer when possible. Fallback to contract query.
-      if (
-        chainId === ChainId.StargazeMainnet ||
-        chainId === ChainId.StargazeTestnet
-      ) {
-        let data
-        try {
-          data = (
-            await stargazeIndexerClient.query({
-              query: stargazeTokenQuery,
-              variables: {
-                collectionAddr: collection,
-                tokenId,
-              },
-            })
-          ).data
-        } catch (err) {
-          console.error(err)
-        }
-
-        if (data?.token) {
-          const genericToken = data.token?.highestOffer?.offerPrice?.denom
-            ? get(
-                genericTokenSelector({
-                  chainId,
-                  type: TokenType.Native,
-                  denomOrAddress: data.token.highestOffer.offerPrice.denom,
-                })
-              )
-            : undefined
-
-          return nftCardInfoFromStargazeIndexerNft(
-            chainId,
-            data.token,
-            genericToken
-          )
-        }
-      }
-
-      if (
-        chainId === ChainId.OmniflixHubMainnet ||
-        chainId === ChainId.OmniflixHubTestnet
-      ) {
-        const queryClient = get(queryClientAtom)
-
-        const [collectionInfo, onft] = await Promise.all([
-          queryClient.fetchQuery(
-            omniflixQueries.onftCollectionInfo({
-              chainId,
-              id: collection,
-            })
-          ),
-          queryClient.fetchQuery(
-            omniflixQueries.onft({
-              chainId,
-              collectionId: collection,
-              tokenId,
-            })
-          ),
-        ])
-
-        return {
-          chainId,
-          key: getNftKey(chainId, collection, tokenId),
-          collectionAddress: collection,
-          collectionName: collectionInfo.name,
-          tokenId,
-          owner: onft.owner,
-          externalLink: {
-            href: `https://omniflix.market/c/${collection}/${tokenId}`,
-            name: 'OmniFlix',
-          },
-          imageUrl: onft.metadata?.mediaUri,
-          name: onft.metadata?.name || tokenId,
-          description: onft.metadata?.description,
-        }
-      }
-
-      const tokenInfo = get(
-        CommonNftSelectors.nftInfoSelector({
-          contractAddress: collection,
-          chainId,
-          params: [{ tokenId }],
-        })
-      )
-
-      return get(
-        nftCardInfoWithUriSelector({
-          tokenId,
-          collection,
-          tokenUri: tokenInfo.token_uri,
-          chainId,
-        })
-      )
-    },
-})
-
 export const lazyNftCardInfosForDaoSelector = selectorFamily<
   // Map chain ID to DAO-owned NFTs on that chain.
   LoadingNfts<LazyNftCardInfo>,
diff --git a/packages/stateful/actions/core/actions/BurnNft/Component.tsx b/packages/stateful/actions/core/actions/BurnNft/Component.tsx
index d6df4441a6..6241f1900f 100644
--- a/packages/stateful/actions/core/actions/BurnNft/Component.tsx
+++ b/packages/stateful/actions/core/actions/BurnNft/Component.tsx
@@ -28,7 +28,8 @@ export interface BurnNftOptions {
   // The set of NFTs that may be burned as part of this action.
   options: LoadingDataWithError<LazyNftCardInfo[]>
   // Information about the NFT currently selected. If errored, it may be burnt.
-  nftInfo: LoadingDataWithError<NftCardInfo | undefined>
+  // If undefined, no NFT is selected.
+  nftInfo: LoadingDataWithError<NftCardInfo> | undefined
   NftSelectionModal: ComponentType<NftSelectionModalProps>
 }
 
@@ -85,23 +86,26 @@ export const BurnNft: ActionComponent<BurnNftOptions> = ({
   return (
     <>
       <div className="flex flex-col gap-2">
-        {nftInfo.loading ? (
-          <HorizontalNftCardLoader />
-        ) : !nftInfo.errored && nftInfo.data ? (
-          <HorizontalNftCard {...nftInfo.data} />
-        ) : (
-          // If errored loading NFT and not creating, token likely burned.
-          nftInfo.errored &&
-          !isCreating && (
-            <p className="primary-text">{t('info.tokenBurned', { tokenId })}</p>
-          )
-        )}
+        {nftInfo &&
+          (nftInfo.loading ? (
+            <HorizontalNftCardLoader />
+          ) : !nftInfo.errored ? (
+            <HorizontalNftCard {...nftInfo.data} />
+          ) : (
+            // If errored loading NFT and not creating, token likely burned.
+            nftInfo.errored &&
+            !isCreating && (
+              <p className="primary-text">
+                {t('info.tokenBurned', { tokenId })}
+              </p>
+            )
+          ))}
 
         {isCreating && (
           <Button
             className={clsx(
               'text-text-tertiary',
-              !nftInfo.loading && !nftInfo.errored && nftInfo.data
+              nftInfo && !nftInfo.loading && !nftInfo.errored
                 ? 'self-end'
                 : 'self-start'
             )}
diff --git a/packages/stateful/actions/core/actions/BurnNft/index.tsx b/packages/stateful/actions/core/actions/BurnNft/index.tsx
index 7539d8563c..3cb30837b2 100644
--- a/packages/stateful/actions/core/actions/BurnNft/index.tsx
+++ b/packages/stateful/actions/core/actions/BurnNft/index.tsx
@@ -1,9 +1,9 @@
+import { useQueryClient } from '@tanstack/react-query'
 import { useFormContext } from 'react-hook-form'
-import { constSelector } from 'recoil'
 
+import { nftQueries } from '@dao-dao/state/query'
 import {
   lazyNftCardInfosForDaoSelector,
-  nftCardInfoSelector,
   walletLazyNftCardInfosSelector,
 } from '@dao-dao/state/recoil'
 import {
@@ -32,6 +32,7 @@ import {
 } from '@dao-dao/utils'
 
 import { NftSelectionModal } from '../../../../components'
+import { useQueryLoadingDataWithError } from '../../../../hooks'
 import { useCw721CommonGovernanceTokenInfoIfExists } from '../../../../voting-module-adapter'
 import { BurnNft, BurnNftData } from './Component'
 
@@ -41,6 +42,7 @@ const Component: ActionComponent = (props) => {
     address,
     chain: { chainId: currentChainId },
   } = useActionOptions()
+  const queryClient = useQueryClient()
   const { watch } = useFormContext<BurnNftData>()
   const { denomOrAddress: governanceCollectionAddress } =
     useCw721CommonGovernanceTokenInfoIfExists() ?? {}
@@ -65,10 +67,10 @@ const Component: ActionComponent = (props) => {
           })
       : undefined
   )
-  const nftInfo = useCachedLoadingWithError(
-    !!tokenId && !!collection
-      ? nftCardInfoSelector({ chainId, collection, tokenId })
-      : constSelector(undefined)
+  const nftInfo = useQueryLoadingDataWithError(
+    chainId && tokenId && collection
+      ? nftQueries.cardInfo(queryClient, { chainId, collection, tokenId })
+      : undefined
   )
 
   const allChainOptions =
@@ -85,7 +87,7 @@ const Component: ActionComponent = (props) => {
       {...props}
       options={{
         options: allChainOptions,
-        nftInfo,
+        nftInfo: chainId && tokenId && collection ? nftInfo : undefined,
         NftSelectionModal,
       }}
     />
diff --git a/packages/stateful/actions/core/actions/MintNft/MintNft.tsx b/packages/stateful/actions/core/actions/MintNft/MintNft.tsx
index 91d3069734..ff1b2149a6 100644
--- a/packages/stateful/actions/core/actions/MintNft/MintNft.tsx
+++ b/packages/stateful/actions/core/actions/MintNft/MintNft.tsx
@@ -1,14 +1,11 @@
+import { useQueryClient } from '@tanstack/react-query'
 import { useEffect, useState } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { constSelector, useRecoilValueLoadable } from 'recoil'
 
-import {
-  CommonNftSelectors,
-  DaoDaoCoreSelectors,
-  nftCardInfoWithUriSelector,
-  nftUriDataSelector,
-} from '@dao-dao/state/recoil'
-import { Loader, useActionOptions, useCachedLoading } from '@dao-dao/stateless'
+import { cw721BaseQueries, nftQueries } from '@dao-dao/state/query'
+import { DaoDaoCoreSelectors } from '@dao-dao/state/recoil'
+import { Loader, useActionOptions } from '@dao-dao/stateless'
 import {
   ActionComponent,
   ActionContextType,
@@ -18,6 +15,7 @@ import {
 import { getChainForChainId, isValidBech32Address } from '@dao-dao/utils'
 
 import { AddressInput } from '../../../../components'
+import { useQueryLoadingDataWithError } from '../../../../hooks'
 import { MintNft as StatelessMintNft } from './stateless/MintNft'
 import { MintNftData } from './types'
 
@@ -28,6 +26,7 @@ export const MintNft: ActionComponent = (props) => {
     chain: { chainId: currentChainId },
   } = useActionOptions()
   const { watch } = useFormContext()
+  const queryClient = useQueryClient()
 
   const {
     chainId,
@@ -37,59 +36,58 @@ export const MintNft: ActionComponent = (props) => {
   }: MintNftData = watch(props.fieldNamePrefix)
   const { bech32Prefix } = getChainForChainId(chainId)
 
-  const nftInfoLoading = useCachedLoading<NftCardInfo | undefined>(
+  const nftInfoLoading = useQueryLoadingDataWithError(
     // Nothing to load if creating.
     props.isCreating
       ? undefined
       : // If viewing, get info from token URI.
-        nftCardInfoWithUriSelector({
+        nftQueries.cardInfoFromUri(queryClient, {
           collection: collectionAddress,
           tokenId: mintMsg.token_id,
           tokenUri: mintMsg.token_uri,
           chainId,
-        }),
-    undefined
+        })
   )
 
-  const creatingNftTokenUriDataLoading = useCachedLoading(
+  const creatingNftTokenUriData = useQueryLoadingDataWithError(
     props.isCreating && mintMsg.token_uri
-      ? nftUriDataSelector(mintMsg.token_uri)
-      : undefined,
-    undefined
+      ? nftQueries.metadataFromUri({ tokenUri: mintMsg.token_uri })
+      : undefined
   )
 
-  const creatingCollectionInfoLoading = useCachedLoading(
+  const creatingCollectionInfo = useQueryLoadingDataWithError(
     props.isCreating &&
       contractChosen &&
       isValidBech32Address(collectionAddress, bech32Prefix)
-      ? CommonNftSelectors.contractInfoSelector({
+      ? cw721BaseQueries.contractInfo({
           contractAddress: collectionAddress,
           chainId,
-          params: [],
         })
-      : undefined,
-    undefined
+      : undefined
   )
 
   // If creating, use the data from the form. Otherwise, use the data loading.
   // Undefined when loading.
   const nftInfo: NftCardInfo | undefined = props.isCreating
-    ? creatingNftTokenUriDataLoading.loading ||
-      !creatingNftTokenUriDataLoading.data ||
-      creatingCollectionInfoLoading.loading
+    ? creatingNftTokenUriData.loading ||
+      creatingNftTokenUriData.errored ||
+      creatingCollectionInfo.loading
       ? undefined
       : {
           key: chainId + collectionAddress + mintMsg.token_id,
           collectionAddress,
-          collectionName: creatingCollectionInfoLoading.data?.name ?? '',
+          collectionName:
+            (!creatingCollectionInfo.errored &&
+              creatingCollectionInfo.data.name) ||
+            '',
           tokenId: mintMsg.token_id,
-          imageUrl: creatingNftTokenUriDataLoading.data.imageUrl,
-          name: creatingNftTokenUriDataLoading.data.name ?? '',
-          description: creatingNftTokenUriDataLoading.data.description ?? '',
-          metadata: creatingNftTokenUriDataLoading.data,
+          imageUrl: creatingNftTokenUriData.data.imageUrl,
+          name: creatingNftTokenUriData.data.name ?? '',
+          description: creatingNftTokenUriData.data.description ?? '',
+          metadata: creatingNftTokenUriData.data,
           chainId,
         }
-    : nftInfoLoading.loading || !nftInfoLoading.data
+    : nftInfoLoading.loading || nftInfoLoading.errored
     ? undefined
     : nftInfoLoading.data
 
diff --git a/packages/stateful/actions/core/actions/TransferNft/Component.tsx b/packages/stateful/actions/core/actions/TransferNft/Component.tsx
index db37d46add..37a6e77d9e 100644
--- a/packages/stateful/actions/core/actions/TransferNft/Component.tsx
+++ b/packages/stateful/actions/core/actions/TransferNft/Component.tsx
@@ -45,8 +45,9 @@ export type TransferNftData = {
 export interface TransferNftOptions {
   // The set of NFTs that may be transfered as part of this action.
   options: LoadingDataWithError<LazyNftCardInfo[]>
-  // Information about the NFT currently selected.
-  nftInfo: LoadingDataWithError<NftCardInfo | undefined>
+  // Information about the NFT currently selected. If undefined, no NFT is
+  // selected.
+  nftInfo: LoadingDataWithError<NftCardInfo> | undefined
 
   AddressInput: ComponentType<AddressInputProps<TransferNftData>>
   NftSelectionModal: ComponentType<NftSelectionModalProps>
@@ -184,19 +185,22 @@ export const TransferNftComponent: ActionComponent<TransferNftOptions> = ({
         </div>
 
         <div className="flex grow flex-col gap-2">
-          {nftInfo.loading ? (
-            <HorizontalNftCardLoader />
-          ) : nftInfo.errored ? (
-            <ErrorPage error={nftInfo.error} />
-          ) : (
-            nftInfo.data && <HorizontalNftCard {...nftInfo.data} />
-          )}
+          {nftInfo &&
+            (nftInfo.loading ? (
+              <HorizontalNftCardLoader />
+            ) : nftInfo.errored ? (
+              <ErrorPage error={nftInfo.error} />
+            ) : (
+              <HorizontalNftCard {...nftInfo.data} />
+            ))}
 
           {isCreating && (
             <Button
               className={clsx(
                 'text-text-tertiary',
-                nftInfo ? 'self-end' : 'self-start'
+                nftInfo && !nftInfo.loading && !nftInfo.errored
+                  ? 'self-end'
+                  : 'self-start'
               )}
               onClick={() => setShowModal(true)}
               variant="secondary"
diff --git a/packages/stateful/actions/core/actions/TransferNft/index.tsx b/packages/stateful/actions/core/actions/TransferNft/index.tsx
index 3974f19a45..709f79ad35 100644
--- a/packages/stateful/actions/core/actions/TransferNft/index.tsx
+++ b/packages/stateful/actions/core/actions/TransferNft/index.tsx
@@ -1,10 +1,10 @@
+import { useQueryClient } from '@tanstack/react-query'
 import JSON5 from 'json5'
 import { useFormContext } from 'react-hook-form'
-import { constSelector } from 'recoil'
 
+import { nftQueries } from '@dao-dao/state/query'
 import {
   lazyNftCardInfosForDaoSelector,
-  nftCardInfoSelector,
   walletLazyNftCardInfosSelector,
 } from '@dao-dao/state/recoil'
 import {
@@ -35,6 +35,7 @@ import {
 } from '@dao-dao/utils'
 
 import { AddressInput, NftSelectionModal } from '../../../../components'
+import { useQueryLoadingDataWithError } from '../../../../hooks'
 import { useCw721CommonGovernanceTokenInfoIfExists } from '../../../../voting-module-adapter'
 import { TransferNftComponent, TransferNftData } from './Component'
 
@@ -44,6 +45,7 @@ const Component: ActionComponent = (props) => {
     address,
     chain: { chainId: currentChainId },
   } = useActionOptions()
+  const queryClient = useQueryClient()
   const { watch } = useFormContext<TransferNftData>()
   const { denomOrAddress: governanceCollectionAddress } =
     useCw721CommonGovernanceTokenInfoIfExists() ?? {}
@@ -68,10 +70,10 @@ const Component: ActionComponent = (props) => {
           })
       : undefined
   )
-  const nftInfo = useCachedLoadingWithError(
+  const nftInfo = useQueryLoadingDataWithError(
     chainId && collection && tokenId
-      ? nftCardInfoSelector({ chainId, collection, tokenId })
-      : constSelector(undefined)
+      ? nftQueries.cardInfo(queryClient, { chainId, collection, tokenId })
+      : undefined
   )
 
   const allChainOptions =
@@ -88,7 +90,7 @@ const Component: ActionComponent = (props) => {
       {...props}
       options={{
         options: allChainOptions,
-        nftInfo,
+        nftInfo: chainId && tokenId && collection ? nftInfo : undefined,
         AddressInput,
         NftSelectionModal,
       }}
diff --git a/packages/stateful/components/nft/LazyNftCard.tsx b/packages/stateful/components/nft/LazyNftCard.tsx
index 1beb72f3bf..29f4bbdc4a 100644
--- a/packages/stateful/components/nft/LazyNftCard.tsx
+++ b/packages/stateful/components/nft/LazyNftCard.tsx
@@ -3,11 +3,7 @@ import { forwardRef, useEffect } from 'react'
 import { useSetRecoilState } from 'recoil'
 
 import { nftQueries } from '@dao-dao/state/query'
-import {
-  nftCardInfoSelector,
-  nftCardInfosForKeyAtom,
-} from '@dao-dao/state/recoil'
-import { useCachedLoadingWithError } from '@dao-dao/stateless'
+import { nftCardInfosForKeyAtom } from '@dao-dao/state/recoil'
 import { LazyNftCardProps } from '@dao-dao/types'
 import { processError } from '@dao-dao/utils'
 
@@ -26,11 +22,12 @@ export const LazyNftCard = forwardRef<HTMLDivElement, LazyNftCardProps>(
     },
     ref
   ) {
-    const info = useCachedLoadingWithError(
-      nftCardInfoSelector({
+    const queryClient = useQueryClient()
+    const info = useQueryLoadingDataWithError(
+      nftQueries.cardInfo(queryClient, {
+        chainId,
         collection: collectionAddress,
         tokenId,
-        chainId,
       })
     )
 
@@ -47,7 +44,6 @@ export const LazyNftCard = forwardRef<HTMLDivElement, LazyNftCardProps>(
       }
     }, [info, setNftCardInfoForKey])
 
-    const queryClient = useQueryClient()
     const stakerOrOwner = useQueryLoadingDataWithError(
       // If showing owner instead of showing collection, load staker or owner if
       // not staker. The owner in the `type` and the owner of the NFT are
diff --git a/packages/stateful/voting-module-adapter/adapters/DaoVotingCw721Staked/hooks/useStakingInfo.ts b/packages/stateful/voting-module-adapter/adapters/DaoVotingCw721Staked/hooks/useStakingInfo.ts
index be0a5bab3f..e6a9fdfc45 100644
--- a/packages/stateful/voting-module-adapter/adapters/DaoVotingCw721Staked/hooks/useStakingInfo.ts
+++ b/packages/stateful/voting-module-adapter/adapters/DaoVotingCw721Staked/hooks/useStakingInfo.ts
@@ -1,10 +1,6 @@
+import { useQueryClient } from '@tanstack/react-query'
 import { useCallback } from 'react'
-import {
-  constSelector,
-  useRecoilValue,
-  useSetRecoilState,
-  waitForAll,
-} from 'recoil'
+import { useRecoilValue, useSetRecoilState, waitForAll } from 'recoil'
 
 import { HugeDecimal } from '@dao-dao/math'
 import {
@@ -12,12 +8,12 @@ import {
   DaoVotingCw721StakedSelectors,
   blockHeightSelector,
   contractVersionSelector,
+  daoVotingCw721StakedQueries,
   refreshClaimsIdAtom,
   refreshWalletBalancesIdAtom,
 } from '@dao-dao/state'
 import {
   useCachedLoadable,
-  useCachedLoading,
   useCachedLoadingWithError,
   useDao,
 } from '@dao-dao/stateless'
@@ -25,7 +21,7 @@ import { LazyNftCardInfo } from '@dao-dao/types'
 import { NftClaim } from '@dao-dao/types/contracts/DaoVotingCw721Staked'
 import { claimAvailable, getNftKey } from '@dao-dao/utils'
 
-import { useWallet } from '../../../../hooks/useWallet'
+import { useQueryLoadingDataWithError, useWallet } from '../../../../hooks'
 import { UseStakingInfoOptions, UseStakingInfoResponse } from '../types'
 import { useGovernanceCollectionInfo } from './useGovernanceCollectionInfo'
 
@@ -36,7 +32,8 @@ export const useStakingInfo = ({
   fetchWalletUnstakedNfts = false,
 }: UseStakingInfoOptions = {}): UseStakingInfoResponse => {
   const dao = useDao()
-  const { address: walletAddress } = useWallet()
+  const { address: walletAddress = '' } = useWallet()
+  const queryClient = useQueryClient()
 
   const { collectionAddress: governanceTokenAddress } =
     useGovernanceCollectionInfo()
@@ -88,18 +85,16 @@ export const useStakingInfo = ({
     [_setClaimsId]
   )
 
-  const loadingClaims = useCachedLoading(
-    fetchClaims && walletAddress
-      ? DaoVotingCw721StakedSelectors.nftClaimsSelector({
-          chainId: dao.chainId,
-          contractAddress: dao.votingModule.address,
-          params: [{ address: walletAddress }],
-        })
-      : constSelector(undefined),
-    undefined
-  )
+  const loadingClaims = useQueryLoadingDataWithError({
+    ...daoVotingCw721StakedQueries.nftClaims(queryClient, {
+      chainId: dao.chainId,
+      contractAddress: dao.votingModule.address,
+      args: { address: walletAddress },
+    }),
+    enabled: !!fetchClaims && !!walletAddress,
+  })
   const claims =
-    loadingClaims.loading || !loadingClaims.data
+    loadingClaims.loading || loadingClaims.errored
       ? []
       : loadingClaims.data.nft_claims
   const nftClaims = claims.map(
@@ -118,26 +113,25 @@ export const useStakingInfo = ({
   const sumClaimsAvailable = HugeDecimal.from(claimsAvailable?.length || 0)
 
   // Total staked value
-  const loadingTotalStakedValue = useCachedLoading(
-    fetchTotalStakedValue
-      ? DaoVotingCw721StakedSelectors.totalPowerAtHeightSelector({
-          chainId: dao.chainId,
-          contractAddress: dao.votingModule.address,
-          params: [{}],
-        })
-      : constSelector(undefined),
-    undefined
-  )
+  const loadingTotalStakedValue = useQueryLoadingDataWithError({
+    ...daoVotingCw721StakedQueries.totalPowerAtHeight(queryClient, {
+      chainId: dao.chainId,
+      contractAddress: dao.votingModule.address,
+      args: {},
+    }),
+    enabled: !!fetchTotalStakedValue,
+  })
 
   // Wallet staked value
-  const loadingWalletStakedNfts = useCachedLoadingWithError(
-    fetchWalletStakedValue && walletAddress
-      ? DaoVotingCw721StakedSelectors.stakedNftsSelector({
-          chainId: dao.chainId,
-          contractAddress: dao.votingModule.address,
-          params: [{ address: walletAddress }],
-        })
-      : undefined,
+  const loadingWalletStakedNfts = useQueryLoadingDataWithError(
+    {
+      ...daoVotingCw721StakedQueries.stakedNfts(queryClient, {
+        chainId: dao.chainId,
+        contractAddress: dao.votingModule.address,
+        args: { address: walletAddress },
+      }),
+      enabled: !!fetchWalletStakedValue && !!walletAddress,
+    },
     (data) =>
       data.map(
         (tokenId): LazyNftCardInfo => ({
@@ -187,7 +181,7 @@ export const useStakingInfo = ({
     // Total staked value
     loadingTotalStakedValue: loadingTotalStakedValue.loading
       ? { loading: true }
-      : !loadingTotalStakedValue.data
+      : loadingTotalStakedValue.errored
       ? undefined
       : {
           loading: false,
diff --git a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/components/StakingModal.tsx b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/components/StakingModal.tsx
index 56e89cf29d..041d87ce95 100644
--- a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/components/StakingModal.tsx
+++ b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/components/StakingModal.tsx
@@ -247,15 +247,16 @@ const InnerStakingModal = ({
 
   const onDeselectAll = () => setCurrentTokenIds([])
 
-  const nfts =
-    (mode === StakingMode.Stake
-      ? loadingWalletUnstakedNfts
-      : mode === StakingMode.Unstake
-      ? loadingWalletStakedNfts
-      : undefined) ??
-    ({ loading: false, errored: true } as LoadingDataWithError<
-      LazyNftCardInfo[]
-    >)
+  const nfts: LoadingDataWithError<LazyNftCardInfo[]> = (mode ===
+  StakingMode.Stake
+    ? loadingWalletUnstakedNfts
+    : mode === StakingMode.Unstake
+    ? loadingWalletStakedNfts
+    : undefined) ?? {
+    loading: false,
+    errored: true,
+    error: new Error('Unexpected failure to load NFTs'),
+  }
 
   const onSelectAll = () =>
     setCurrentTokenIds(
diff --git a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/hooks/useStakingInfo.ts b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/hooks/useStakingInfo.ts
index e22d04b40a..f0082094fd 100644
--- a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/hooks/useStakingInfo.ts
+++ b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/hooks/useStakingInfo.ts
@@ -1,6 +1,6 @@
 import { useQueryClient, useSuspenseQueries } from '@tanstack/react-query'
 import { useCallback } from 'react'
-import { useSetRecoilState, waitForAll } from 'recoil'
+import { useSetRecoilState } from 'recoil'
 
 import { HugeDecimal } from '@dao-dao/math'
 import {
@@ -8,17 +8,13 @@ import {
   contractQueries,
   daoVotingOnftStakedQueries,
   daoVotingOnftStakedQueryKeys,
-  nftCardInfoSelector,
   omniflixQueries,
   refreshDaoVotingPowerAtom,
 } from '@dao-dao/state'
-import {
-  useCachedLoadable,
-  useCachedLoadingWithError,
-  useDao,
-} from '@dao-dao/stateless'
+import { useCachedLoadable, useDao } from '@dao-dao/stateless'
+import { LazyNftCardInfo } from '@dao-dao/types'
 import { NftClaim } from '@dao-dao/types/contracts/DaoVotingOnftStaked'
-import { claimAvailable, parseContractVersion } from '@dao-dao/utils'
+import { claimAvailable, getNftKey, parseContractVersion } from '@dao-dao/utils'
 
 import {
   useQueryLoadingData,
@@ -232,7 +228,7 @@ export const useStakingInfo = ({
   })
 
   // Wallet staked value
-  const loadingWalletStakedNftIds = useQueryLoadingDataWithError(
+  const loadingWalletStakedNfts = useQueryLoadingDataWithError(
     daoVotingOnftStakedQueries.stakedNfts(queryClient, {
       chainId: votingModule.chainId,
       contractAddress: votingModule.address,
@@ -242,46 +238,36 @@ export const useStakingInfo = ({
       options: {
         enabled: fetchWalletStakedValue && !!walletAddress,
       },
-    })
-  )
-
-  const loadingWalletStakedNfts = useCachedLoadingWithError(
-    !loadingWalletStakedNftIds.loading && !loadingWalletStakedNftIds.errored
-      ? waitForAll(
-          loadingWalletStakedNftIds.data.map((tokenId) =>
-            nftCardInfoSelector({
-              chainId: votingModule.chainId,
-              collection: collectionAddress,
-              tokenId,
-            })
-          )
-        )
-      : undefined
-  )
-
-  const loadingWalletUnstakedOnfts = useQueryLoadingDataWithError({
-    ...omniflixQueries.allOnfts(queryClient, {
-      chainId: votingModule.chainId,
-      id: collectionAddress,
-      owner: walletAddress ?? '',
     }),
-    enabled: fetchWalletUnstakedNfts && !!walletAddress,
-  })
+    (data) =>
+      data.map(
+        (tokenId): LazyNftCardInfo => ({
+          key: getNftKey(votingModule.chainId, collectionAddress, tokenId),
+          chainId: votingModule.chainId,
+          collectionAddress,
+          tokenId,
+        })
+      )
+  )
 
-  const loadingWalletUnstakedNfts = useCachedLoadingWithError(
-    !loadingWalletUnstakedOnfts.loading &&
-      !loadingWalletUnstakedOnfts.errored &&
-      loadingWalletUnstakedOnfts.data.length === 1
-      ? waitForAll(
-          loadingWalletUnstakedOnfts.data[0].onfts.map(({ id }) =>
-            nftCardInfoSelector({
-              chainId: votingModule.chainId,
-              collection: collectionAddress,
-              tokenId: id,
-            })
-          )
-        )
-      : undefined
+  const loadingWalletUnstakedNfts = useQueryLoadingDataWithError(
+    {
+      ...omniflixQueries.allOnfts(queryClient, {
+        chainId: votingModule.chainId,
+        id: collectionAddress,
+        owner: walletAddress ?? '',
+      }),
+      enabled: fetchWalletUnstakedNfts && !!walletAddress,
+    },
+    ([{ onfts }]) =>
+      onfts.map(
+        ({ id }): LazyNftCardInfo => ({
+          key: getNftKey(votingModule.chainId, collectionAddress, id),
+          chainId: votingModule.chainId,
+          collectionAddress,
+          tokenId: id,
+        })
+      )
   )
 
   return {
@@ -312,13 +298,13 @@ export const useStakingInfo = ({
           },
     // Wallet staked value
     loadingWalletStakedValue:
-      !fetchWalletStakedValue || loadingWalletStakedNftIds.errored
+      !fetchWalletStakedValue || loadingWalletStakedNfts.errored
         ? undefined
-        : loadingWalletStakedNftIds.loading
+        : loadingWalletStakedNfts.loading
         ? { loading: true }
         : {
             loading: false,
-            data: HugeDecimal.from(loadingWalletStakedNftIds.data.length),
+            data: HugeDecimal.from(loadingWalletStakedNfts.data.length),
           },
     loadingWalletStakedNfts,
     loadingWalletUnstakedNfts,
diff --git a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/types.ts b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/types.ts
index a5e89eb654..bad08ab8df 100644
--- a/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/types.ts
+++ b/packages/stateful/voting-module-adapter/adapters/DaoVotingOnftStaked/types.ts
@@ -3,9 +3,9 @@ import {
   ContractVersion,
   Duration,
   GenericToken,
+  LazyNftCardInfo,
   LoadingData,
   LoadingDataWithError,
-  NftCardInfo,
 } from '@dao-dao/types'
 import { NftClaim } from '@dao-dao/types/contracts/DaoVotingOnftStaked'
 
@@ -33,8 +33,8 @@ export interface UseStakingInfoResponse {
   loadingTotalStakedValue?: LoadingData<HugeDecimal>
   // Wallet staked value
   loadingWalletStakedValue?: LoadingData<HugeDecimal>
-  loadingWalletStakedNfts?: LoadingDataWithError<NftCardInfo[]>
-  loadingWalletUnstakedNfts?: LoadingDataWithError<NftCardInfo[]>
+  loadingWalletStakedNfts?: LoadingDataWithError<LazyNftCardInfo[]>
+  loadingWalletUnstakedNfts?: LoadingDataWithError<LazyNftCardInfo[]>
 }
 
 export interface UseGovernanceCollectionInfoOptions {
diff --git a/packages/stateful/widgets/widgets/MintNft/MintNftRenderer.tsx b/packages/stateful/widgets/widgets/MintNft/MintNftRenderer.tsx
index 0d5ebd3625..d523c88020 100644
--- a/packages/stateful/widgets/widgets/MintNft/MintNftRenderer.tsx
+++ b/packages/stateful/widgets/widgets/MintNft/MintNftRenderer.tsx
@@ -1,9 +1,10 @@
+import { useQueries, useQueryClient } from '@tanstack/react-query'
 import { useState } from 'react'
 import toast from 'react-hot-toast'
 import { useTranslation } from 'react-i18next'
-import { waitForAll } from 'recoil'
 
-import { CommonNftSelectors, nftCardInfoSelector } from '@dao-dao/state/recoil'
+import { nftQueries } from '@dao-dao/state/query'
+import { CommonNftSelectors } from '@dao-dao/state/recoil'
 import {
   Button,
   HorizontalScroller,
@@ -11,11 +12,14 @@ import {
   NftCard,
   Tooltip,
   useCachedLoadable,
-  useCachedLoading,
   useChain,
 } from '@dao-dao/stateless'
 import { WidgetRendererProps } from '@dao-dao/types'
-import { executeSmartContract, processError } from '@dao-dao/utils'
+import {
+  executeSmartContract,
+  makeCombineQueryResultsIntoLoadingData,
+  processError,
+} from '@dao-dao/utils'
 
 import { useWallet } from '../../../hooks/useWallet'
 import { MintNftData } from './types'
@@ -44,20 +48,20 @@ export const MintNftRenderer = ({
     })
   )
 
-  const first100Cards = useCachedLoading(
-    allTokensLoadable.state === 'hasValue'
-      ? waitForAll(
-          allTokensLoadable.contents.slice(0, 100).map((tokenId) =>
-            nftCardInfoSelector({
+  const queryClient = useQueryClient()
+  const first100Cards = useQueries({
+    queries:
+      allTokensLoadable.state === 'hasValue'
+        ? allTokensLoadable.contents.slice(0, 100).map((tokenId) =>
+            nftQueries.cardInfo(queryClient, {
               collection: nftCollection,
               chainId,
               tokenId,
             })
           )
-        )
-      : undefined,
-    []
-  )
+        : [],
+    combine: makeCombineQueryResultsIntoLoadingData(),
+  })
 
   const onClick = async () => {
     if (!walletAddress) {
diff --git a/packages/stateful/widgets/widgets/Press/state.ts b/packages/stateful/widgets/widgets/Press/state.ts
index 5c49f235ea..4c3e161b7c 100644
--- a/packages/stateful/widgets/widgets/Press/state.ts
+++ b/packages/stateful/widgets/widgets/Press/state.ts
@@ -1,6 +1,7 @@
 import { constSelector, selectorFamily, waitForAll } from 'recoil'
 
-import { CommonNftSelectors, nftUriDataSelector } from '@dao-dao/state/recoil'
+import { nftQueries } from '@dao-dao/state/query'
+import { CommonNftSelectors, queryClientAtom } from '@dao-dao/state/recoil'
 import { WithChainId } from '@dao-dao/types'
 
 import { Post, PostVersion } from './types'
@@ -60,8 +61,11 @@ export const postSelector = selectorFamily<
   key: 'pressPost',
   get:
     ({ id, metadataUri }) =>
-    ({ get }) => {
-      const data = get(nftUriDataSelector(metadataUri))
+    async ({ get }) => {
+      const queryClient = get(queryClientAtom)
+      const data = await queryClient
+        .fetchQuery(nftQueries.metadataFromUri({ tokenUri: metadataUri }))
+        .catch(() => undefined)
       if (!data || !('properties' in data)) {
         return
       }
diff --git a/packages/utils/client.ts b/packages/utils/client.ts
index 86d02dee3d..f67c24697e 100644
--- a/packages/utils/client.ts
+++ b/packages/utils/client.ts
@@ -3,6 +3,7 @@ import { Event, StargateClient } from '@cosmjs/stargate'
 import {
   Comet38Client,
   HttpBatchClient,
+  HttpBatchClientOptions,
   Tendermint34Client,
   Tendermint37Client,
   connectComet,
@@ -74,6 +75,11 @@ class ChainClientRouter<T, P> {
   }
 }
 
+const httpBatchClientOptions: Partial<HttpBatchClientOptions> = {
+  // Some RPCs set a batch size limit of 10.
+  batchSizeLimit: 10,
+}
+
 /**
  * Router for connecting to CosmWasmClient for the appropriate chain.
  *
@@ -86,7 +92,7 @@ export const cosmWasmClientRouter = new ChainClientRouter({
     retry(10, async (attempt) => {
       const rpc = getRpcForChainId(chainId, attempt - 1)
 
-      const httpClient = new HttpBatchClient(rpc)
+      const httpClient = new HttpBatchClient(rpc, httpBatchClientOptions)
       const tmClient = await (
         (
           await connectComet(rpc)
@@ -113,7 +119,7 @@ export const secretCosmWasmClientRouter = new ChainClientRouter({
     retry(10, async (attempt) => {
       const rpc = getRpcForChainId(chainId, attempt - 1)
 
-      const httpClient = new HttpBatchClient(rpc)
+      const httpClient = new HttpBatchClient(rpc, httpBatchClientOptions)
       const tmClient = await (
         (
           await connectComet(rpc)