Cannot use `Balance` and `Swap` component on localhost.

[lukema95]

I use Universalkit's Swap and Balance components in template:

const Page = () => {
  return (
    <div className="m-4">
      <div className="flex justify-end gap-2 mb-10">
        <ConnectBitcoin />
        <ConnectButton label="Connect EVM" showBalance={false} />
      </div>
      <div className="flex justify-center">
        <div className="w-[400px]">
          <Swap contract={contract} />
          <Balances />
        </div>
      </div>
    </div>
  );
};

Fontend:

Got error:

I used "@zetachain/universalkit": "^2.0.0.

[fadeev]

Yes, these components weren't built with localnet in mind, because they make queries to other chains.

[lukema95]

Yes, these components weren't built with localnet in mind, because they make queries to other chains.

I'm connected to a test network. I just started the service locally. This appears to be a CORS issue causing the API access request to be denied

[lukema95]

Yes, these components weren't built with localnet in mind, because they make queries to other chains.

I'm connected to a test network. I just started the service locally. This appears to be a CORS issue causing the API access request to be denied

@fadeev After I replaced the rpc of blockpi, it can work normally. I guess blockpi has some limitations at present, so we can consider not using it as the default rpc

[fadeev]

@lukema95 yes, I've been having issues with BlockPi lately, too.