Fix: Next.js build (#314)

* Fix: Next.js build

* add changeset

Co-authored-by: Dhaiwat Pandya <[email protected]>

Author: ernestognw

.changeset/spicy-zoos-drive.md

@@ -0,0 +1,7 @@
+---
+'@web3-ui/components': patch
+'@web3-ui/core': patch
+'@web3-ui/hooks': patch
+---
+
+Fix some types/imports so that the packages work well with Next.js & ts

packages/components/src/components/AddressInput/AddressInput.tsx

@@ -8,7 +8,7 @@ import {
 import React, { useEffect, useState } from 'react';
 import { ethers } from 'ethers';
 import { useDebounce } from './useDebounce';
-import { JsonRpcSigner } from '@ethersproject/providers/src.ts/json-rpc-provider';
+import { JsonRpcSigner } from '@ethersproject/providers';
 
 export interface AddressInputProps {
   /**

packages/hooks/src/Provider.tsx

@@ -1,4 +1,4 @@
-import { JsonRpcSigner } from '@ethersproject/providers/src.ts/json-rpc-provider';
+import { JsonRpcSigner } from '@ethersproject/providers';
 import WalletConnectProvider from '@walletconnect/web3-provider';
 import { ethers } from 'ethers';
 import React, { createContext, useCallback, useMemo, useState } from 'react';

packages/hooks/src/hooks/useTransaction.ts

@@ -15,7 +15,7 @@ import React from 'react';
  */
 
 export function useTransaction(
-  method
+  method: any
 ): [(args: any) => Promise<any>, boolean, any] {
   const [loading, setLoading] = React.useState<boolean>(false);
   const [error, setError] = React.useState<any>(null);

packages/hooks/src/hooks/useWallet.ts

@@ -68,7 +68,9 @@ export function useWallet() {
     error,
     connection: {
       userAddress,
-      network: CHAIN_ID_TO_NETWORK[chainId as number],
+      network: (CHAIN_ID_TO_NETWORK as { [key: number]: string })[
+        chainId as number
+      ],
       signer,
       ens,
     },