build: add prettier bracketSpace

Author: thiagobrez

.prettierrc

@@ -1,7 +1,7 @@
 {
   "arrowParens": "avoid",
   "bracketSameLine": true,
-  "bracketSpacing": false,
+  "bracketSpacing": true,
   "singleQuote": true,
   "trailingComma": "all"
 }

App.tsx

@@ -1,10 +1,10 @@
 import './polyfills';
 import React from 'react';
-import {StatusBar} from 'expo-status-bar';
-import {StyleSheet, View} from 'react-native';
-import {WalletConnectModal} from '@walletconnect/modal-react-native';
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, View } from 'react-native';
+import { WalletConnectModal } from '@walletconnect/modal-react-native';
 import HomePage from './src/pages/HomePage';
-import {providerMetadata} from './src/clients/walletConnect';
+import { providerMetadata } from './src/clients/walletConnect';
 
 export default function App() {
   return (

app.json

@@ -12,9 +12,7 @@
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": true,
       "infoPlist": {

babel.config.js

@@ -1,4 +1,4 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],

src/clients/public.ts

@@ -1,5 +1,5 @@
-import {createPublicClient, http} from 'viem';
-import {mainnet} from 'viem/chains';
+import { createPublicClient, http } from 'viem';
+import { mainnet } from 'viem/chains';
 
 export const publicClient = createPublicClient({
   chain: mainnet,

src/pages/HomePage.tsx

@@ -1,22 +1,15 @@
-import React, {useEffect, useMemo, useState} from 'react';
-import {Button, StyleSheet, Text, View} from 'react-native';
-import {Address, Chain, createWalletClient, custom, formatEther} from 'viem';
-import {mainnet, sepolia} from 'viem/chains';
-import {useWalletConnectModal} from '@walletconnect/modal-react-native';
-import {publicClient} from '../clients/public';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Button, StyleSheet, Text, View } from 'react-native';
+import { Address, Chain, createWalletClient, custom, formatEther } from 'viem';
+import { mainnet, sepolia } from 'viem/chains';
+import {
+  useWalletConnectModal,
+  IProvider,
+} from '@walletconnect/modal-react-native';
+import { publicClient } from '../clients/public';
 
 export const CHAINS = [mainnet, sepolia];
 
-type ConnectEventInfo = {
-  session: {
-    namespaces: {
-      eip155: {
-        chains: `eip155:${number}`[];
-      };
-    };
-  };
-};
-
 export default function HomePage() {
   const {
     open,
@@ -31,8 +24,8 @@ export default function HomePage() {
       createWalletClient({
         chain: mainnet,
         transport: custom({
-          async request({method, params}) {
-            return await provider?.request({method, params});
+          async request({ method, params }) {
+            return await provider?.request({ method, params });
           },
         }),
       }),
@@ -77,13 +70,19 @@ export default function HomePage() {
       setChain(chain);
     };
 
-    const onConnectEvent = async (info: ConnectEventInfo) => {
-      const chainId = info.session.namespaces.eip155.chains[0].replace(
+    const onConnectEvent = async ({
+      session,
+    }: {
+      session: IProvider['session'];
+    }) => {
+      const chainId = session?.namespaces.eip155.chains?.[0].replace(
         'eip155:',
         '',
       );
 
-      onChainChangedEvent(chainId);
+      if (chainId) {
+        onChainChangedEvent(chainId);
+      }
 
       if (address) {
         const balance = await publicClient.getBalance({