fix: key, declare

pages/tokens.tsx

@@ -43,7 +43,7 @@ const AllTokensPage: React.FC<NextPage> = _ => {
 				) : (
 					<div className="padding-bottom-sm">
 						{tokens?.map((item: Token, index: number) => {
-							return <TokenRow key={index} index={index + 1} token={item} />
+							return <TokenRow key={`${index}`} index={index + 1} token={item} />
 						})}
 						{/* <Pagination currentPage={currentPage} onChange={onPaginationChange} total={pagination.total} /> */}
 					</div>

project.d.ts

@@ -149,3 +149,44 @@ interface Proposer {
 	powerPercentage: string
 	cumulativePowerPercentage: string
 }
+
+interface Token {
+	cataloged: boolean
+	contractAddressHash: string
+	decimals: string
+	holderCount: number
+	name: string
+	symbol: string
+	totalSupply: string
+	type: string
+}
+
+interface AstraHolder {
+	address: string
+	balance: string
+	txnCount: number
+}
+
+interface UseTokenHookData {
+	result: Token[]
+	hasNextPage: boolean
+}
+
+interface UseAstraHolderData {
+	result: AstraHolder[]
+	hasNextPage: boolean
+}
+
+interface TokenResponse {
+	hasNextPage: boolean
+	result: Token[]
+}
+
+interface TopAstraHolderResponse {
+	hasNextPage: boolean
+	nextPageParams: {
+		offset: number
+		page: number
+	}
+	result: AstraHolder[]
+}

views/tokens/TokenRow.tsx

@@ -4,15 +4,13 @@ import { LinkMaker } from 'utils/helper'
 import styles from './style.module.scss'
 
 type Props = {
-	key: string
 	index: number
 	token: Token
 }
 
-export default function TokenRow({ key, index, token }: Props) {
+export default function TokenRow({ index, token }: Props) {
 	return (
 		<div
-			key={key}
 			className={clsx(
 				styles.rowBrief,
 				styles.tokenRow,