fix: controller rpc fix

apps/arkmarket/src/components/connect-wallet-modal.tsx

@@ -2,7 +2,7 @@
 import Image from "next/image";
 import type { Connector } from "@starknet-react/core";
 import type { PropsWithChildren } from "react";
-import { useMemo, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { argent, useConnect } from "@starknet-react/core";
 import { Loader2, Mail } from "lucide-react";
 
@@ -46,15 +46,14 @@ export default function ConnectWalletModal({ children }: PropsWithChildren) {
     string | undefined
   >(undefined);
 
-  async function connect(connector: Connector) {
+  const connect = useCallback(async (connector: Connector) => {
     setPendingConnectorId(connector.id);
     try {
       await connectAsync({ connector });
     } catch (error) {
-      console.error(error);
     }
     setPendingConnectorId(undefined);
-  }
+  }, [connectAsync]);
 
   function isWalletConnecting(connectorId: string) {
     return pendingConnectorId === connectorId;

apps/arkmarket/src/components/connectors.tsx

@@ -1,11 +1,12 @@
 import CartridgeConnector from "@cartridge/connector";
-import { Connector } from "@starknet-react/core";
+import type { Connector } from "@starknet-react/core";
+import { env } from "~/env";
 
 export const getConnectors = (): { connectors: Connector[] } => {
-  const paymaster: any = { caller: "0x414e595f43414c4c4552" };
+  // const paymaster: any = { caller: "0x414e595f43414c4c4552" };
   //   const options: any = { theme: "paved", paymaster };
   const cartridge = new CartridgeConnector({
-    rpc: process.env.NEXT_PUBLIC_RPC_URL,
+    rpc: env.NEXT_PUBLIC_RPC_URL + "?apikey=" + env.NEXT_PUBLIC_RPC_API_KEY,
   }) as never as Connector;
   return { connectors: [cartridge] };
 };