diff --git a/.changeset/shiny-bats-fly.md b/.changeset/shiny-bats-fly.md new file mode 100644 index 000000000..f9ed6ff83 --- /dev/null +++ b/.changeset/shiny-bats-fly.md @@ -0,0 +1,5 @@ +--- +"@carrot-kpi/host-frontend": patch +--- + +Remove wagmi config import in api configuration file that was causing build issues diff --git a/packages/frontend/src/hooks/useBlacklistedTokens.ts b/packages/frontend/src/hooks/useBlacklistedTokens.ts index 0f6571650..e07db93b7 100644 --- a/packages/frontend/src/hooks/useBlacklistedTokens.ts +++ b/packages/frontend/src/hooks/useBlacklistedTokens.ts @@ -1,17 +1,18 @@ import { type ChainId } from "@carrot-kpi/sdk"; import type { Address } from "viem"; import { useFeaturedBlacklistedKPITokenAddresses } from "./useFeaturedBlacklistedKPITokenAddresses"; -import { useChainId } from "wagmi"; +import { useChainId, usePublicClient } from "wagmi"; export const useBlacklistedTokens = (): { loading: boolean; blacklistedKPITokens: Address[]; } => { const chainId = useChainId(); + const publicClient = usePublicClient(); const { isLoading: loadingFeaturedBlacklistedKPITokenAddresses, data: featuredBlacklistedKPITokenAddresses, - } = useFeaturedBlacklistedKPITokenAddresses(); + } = useFeaturedBlacklistedKPITokenAddresses({ publicClient }); return { blacklistedKPITokens: diff --git a/packages/frontend/src/pages/home/index.tsx b/packages/frontend/src/pages/home/index.tsx index 6e2bee990..798dd472c 100644 --- a/packages/frontend/src/pages/home/index.tsx +++ b/packages/frontend/src/pages/home/index.tsx @@ -1,3 +1,4 @@ +import { usePublicClient } from "wagmi"; import React, { useEffect, useState } from "react"; import { Layout } from "../../components/layout"; import { Hero } from "./hero"; @@ -21,10 +22,11 @@ interface HomeProps { } export const Home = ({ templateId }: HomeProps) => { + const publicClient = usePublicClient(); const { isLoading: loadingFeaturedBlacklistedKPITokenAddresses, data: featuredBlacklistedKPITokenAddresses, - } = useFeaturedBlacklistedKPITokenAddresses(); + } = useFeaturedBlacklistedKPITokenAddresses({ publicClient }); const { isLoading: loadingFeaturedKPITokens, data: featuredKPITokens } = useFeaturedKPITokens(featuredBlacklistedKPITokenAddresses); useFathomTrackPageWatch(); diff --git a/packages/frontend/src/state/api.ts b/packages/frontend/src/state/api.ts index a07bf9c37..a41c4ad3b 100644 --- a/packages/frontend/src/state/api.ts +++ b/packages/frontend/src/state/api.ts @@ -5,10 +5,9 @@ import { type SupportedChain, } from "@carrot-kpi/sdk"; import { fetchBaseQuery } from "@reduxjs/toolkit/query/react"; -import { getAccount } from "@wagmi/core"; import type { Address, PublicClient, Transport } from "viem"; import { createCarrotApi } from "./hooks"; -import { config } from "../standalone-entrypoint"; +import { SUPPORTED_CHAINS } from "../constants"; export interface FetchFeaturedKPITokensParams { publicClient?: PublicClient; @@ -23,10 +22,17 @@ export const staticApi = createCarrotApi({ endpoints: (builder) => ({ fetchFeaturedBlacklistedKPITokenAddresses: builder.query< FeaturedBlacklistedKPITokens, - void + { + publicClient?: PublicClient< + Transport, + SupportedChain | undefined + >; + } >({ - queryFn: async () => { - const { chain } = await getAccount(config); + queryFn: async ({ publicClient }) => { + const chain = SUPPORTED_CHAINS.find( + (chain) => chain.id === publicClient?.chain?.id, + ); if (!chain) return { error: {