fix: convert chainId better (#10)

* fix: convert chainId better

* fix: prettier

* fix: add readclient + number instead of parseint

* fix: prettier

Author: mustafademiray

components/upProvider.tsx

@@ -20,7 +20,7 @@ import {
   createClientUPProvider,
   type UPClientProvider,
 } from "@lukso/up-provider";
-import { createWalletClient, custom } from "viem";
+import { createPublicClient, createWalletClient, custom } from "viem";
 import { lukso, luksoTestnet } from "viem/chains";
 import {
   createContext,
@@ -85,6 +85,16 @@ export function UpProvider({ children }: UpProviderProps) {
     return null;
   }, [chainId]);
 
+  const readClient = useMemo(() => {
+    if (provider && chainId) {
+      return createPublicClient({
+        chain: chainId === 42 ? lukso : luksoTestnet,
+        transport: custom(provider),
+      });
+    }
+    return null;
+  }, [chainId]);
+
   useEffect(() => {
     let mounted = true;
 
@@ -99,7 +109,9 @@ export function UpProvider({ children }: UpProviderProps) {
         if (!mounted) return;
         setAccounts(_accounts);
 
-        const _chainId = (await provider.request("eth_chainId")) as number;
+        const _chainId = Number(
+          (await provider.request("eth_chainId")) as string
+        );
         if (!mounted) return;
         setChainId(_chainId);
 
@@ -156,6 +168,7 @@ export function UpProvider({ children }: UpProviderProps) {
       provider,
       client,
       chainId,
+      readClient,
       accounts,
       contextAccounts,
       walletConnected,
@@ -167,6 +180,7 @@ export function UpProvider({ children }: UpProviderProps) {
   }, [
     client,
     chainId,
+    readClient,
     accounts,
     contextAccounts,
     walletConnected,