diff --git a/dashboard/src/pages/scan/state/[tab].tsx b/dashboard/src/pages/scan/state/[tab].tsx
index d82a7ce70f..c5cf5727c1 100644
--- a/dashboard/src/pages/scan/state/[tab].tsx
+++ b/dashboard/src/pages/scan/state/[tab].tsx
@@ -76,62 +76,62 @@ const StateList = () => {
   }
 
   return (
-      <TabContext value={activeTab}>
-        <Grid>
-          <Grid item xs={12}>
-            <TabList
-              variant="scrollable"
-              scrollButtons="auto"
-              onChange={handleChange}
-              aria-label="customized tabs example"
-            >
-              <Tab
-                value="get"
-                label={
-                  <Box
-                    sx={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      ...(!hideText && { '& svg': { mr: 2 } }),
-                    }}
-                  >
-                    <Icon icon="bxs-search" />
-                    {!hideText && 'Get'}
-                  </Box>
-                }
-              />
-              <Tab
-                value="list"
-                label={
-                  <Box
-                    sx={{
-                      display: 'flex',
-                      alignItems: 'center',
-                      ...(!hideText && { '& svg': { mr: 2 } }),
-                    }}
-                  >
-                    <Icon icon="bx-list-ul" />
-                    {!hideText && 'List'}
-                  </Box>
-                }
-              />
-            </TabList>
-          </Grid>
+    <TabContext value={activeTab}>
+      <Grid>
+        <Grid item xs={12}>
+          <TabList
+            variant="scrollable"
+            scrollButtons="auto"
+            onChange={handleChange}
+            aria-label="customized tabs example"
+          >
+            <Tab
+              value="get"
+              label={
+                <Box
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    ...(!hideText && { '& svg': { mr: 2 } }),
+                  }}
+                >
+                  <Icon icon="bxs-search" />
+                  {!hideText && 'Get'}
+                </Box>
+              }
+            />
+            <Tab
+              value="list"
+              label={
+                <Box
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    ...(!hideText && { '& svg': { mr: 2 } }),
+                  }}
+                >
+                  <Icon icon="bx-list-ul" />
+                  {!hideText && 'List'}
+                </Box>
+              }
+            />
+          </TabList>
         </Grid>
-          {isLoading ? (
-            <Box sx={{ mt: 6, display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
-              <CircularProgress sx={{ mb: 4 }} />
-              <Typography>Loading...</Typography>
-            </Box>
-          ) : (
-            <TabPanel
-              sx={{ p: 0, border: 0, boxShadow: 0, backgroundColor: 'transparent' }}
-              value={activeTab}
-            >
-              {tabContentList[activeTab]}
-            </TabPanel>
-          )}
-      </TabContext>
+      </Grid>
+      {isLoading ? (
+        <Box sx={{ mt: 6, display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
+          <CircularProgress sx={{ mb: 4 }} />
+          <Typography>Loading...</Typography>
+        </Box>
+      ) : (
+        <TabPanel
+          sx={{ p: 0, border: 0, boxShadow: 0, backgroundColor: 'transparent' }}
+          value={activeTab}
+        >
+          {tabContentList[activeTab]}
+        </TabPanel>
+      )}
+    </TabContext>
   )
 }
 
diff --git a/dashboard/src/views/feature/SessionKeyList.tsx b/dashboard/src/views/feature/SessionKeyList.tsx
index 873ee9cb16..7e921028b9 100644
--- a/dashboard/src/views/feature/SessionKeyList.tsx
+++ b/dashboard/src/views/feature/SessionKeyList.tsx
@@ -2,13 +2,12 @@
 // SPDX-License-Identifier: Apache-2.0
 
 // ** React Imports
-import {useState, useRef, useMemo, useEffect} from 'react'
+import { useState, useRef, useMemo, useEffect } from 'react'
 
-import {useAuth} from 'src/hooks/useAuth'
-import {useSession} from 'src/hooks/useSessionAccount'
-import {useRooch} from 'src/hooks/useRooch'
+import { useAuth } from 'src/hooks/useAuth'
+import { useSession } from 'src/hooks/useSessionAccount'
+import { useRooch } from 'src/hooks/useRooch'
 
-import Grid from '@mui/material/Grid'
 import Box from '@mui/material/Box'
 import Card from '@mui/material/Card'
 import CardHeader from '@mui/material/CardHeader'
@@ -30,8 +29,8 @@ import {
 } from '@mui/x-data-grid'
 
 // ** Store & Actions Imports
-import {fetchData, removeRow} from 'src/store/session'
-import {useAppDispatch, useAppSelector} from 'src/store'
+import { fetchData, removeRow } from 'src/store/session'
+import { useAppDispatch, useAppSelector } from 'src/store'
 
 const formatDate = (timestamp: number) => {
   if (timestamp === 0) {
@@ -128,7 +127,7 @@ export default function SessionKeyList() {
 
   // ** Hooks
   const dispatch = useAppDispatch()
-  const {result, status, error} = useAppSelector((state) => state.session)
+  const { result, status, error } = useAppSelector((state) => state.session)
 
   useEffect(() => {
     const defaultAccount = auth.defaultAccount
@@ -235,15 +234,10 @@ export default function SessionKeyList() {
 
   return (
     <Card>
-      <CardHeader title="Session Keys"/>
+      <CardHeader title="Session Keys" />
       <CardContent>
-        <Box sx={{textAlign: 'right', marginBottom: '10px', mr: '20px'}}>
-          <Button
-            variant="contained"
-            color="primary"
-            size="small"
-            onClick={() => handleRefresh()}
-          >
+        <Box sx={{ textAlign: 'right', marginBottom: '10px', mr: '20px' }}>
+          <Button variant="contained" color="primary" size="small" onClick={() => handleRefresh()}>
             Refresh
           </Button>
         </Box>
@@ -259,7 +253,7 @@ export default function SessionKeyList() {
         <Snackbar
           open={!!error}
           autoHideDuration={6000}
-          anchorOrigin={{vertical: 'top', horizontal: 'center'}}
+          anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
         >
           <Alert severity="error">{error}</Alert>
         </Snackbar>
diff --git a/dashboard/src/views/scan/state/list/index.tsx b/dashboard/src/views/scan/state/list/index.tsx
index 10a35eb962..5a2126d67f 100644
--- a/dashboard/src/views/scan/state/list/index.tsx
+++ b/dashboard/src/views/scan/state/list/index.tsx
@@ -2,26 +2,25 @@
 // SPDX-License-Identifier: Apache-2.0
 
 // ** React Imports
-import {useState, useEffect, useRef, useMemo, useCallback} from 'react'
+import { useState, useEffect, useRef, useMemo, useCallback } from 'react'
 
 // ** Next Import
 import Link from 'next/link'
 
 // ** MUI Imports
 import Card from '@mui/material/Card'
-import {styled} from '@mui/material/styles'
+import { styled } from '@mui/material/styles'
 import Typography from '@mui/material/Typography'
-import {DataGrid, GridColDef} from '@mui/x-data-grid'
+import { DataGrid, GridColDef } from '@mui/x-data-grid'
 
 // ** Store & Actions Imports
-import {fetchData} from 'src/store/scan/state/list'
-import {useAppDispatch, useAppSelector} from 'src/store'
+import { fetchData } from 'src/store/scan/state/list'
+import { useAppDispatch, useAppSelector } from 'src/store'
 
 // ** Utils
-import {formatAddress} from 'src/@core/utils/format'
-import {useRooch} from '../../../../hooks/useRooch'
+import { formatAddress } from 'src/@core/utils/format'
+import { useRooch } from '../../../../hooks/useRooch'
 import CardSnippet from '../../../../@core/components/card-snippet'
-import Grid from '@mui/material/Grid'
 import Spinner from '../../../../@core/components/spinner'
 import CardHeader from '@mui/material/CardHeader'
 import CardContent from '@mui/material/CardContent'
@@ -35,7 +34,7 @@ interface CellType {
 }
 
 // ** Styled components
-const LinkStyled = styled(Link)(({theme}) => ({
+const LinkStyled = styled(Link)(({ theme }) => ({
   fontSize: '1rem',
   textDecoration: 'none',
   color: theme.palette.primary.main,
@@ -45,13 +44,13 @@ const TransactionList = () => {
   // Hook
   const rooch = useRooch()
   const dispatch = useAppDispatch()
-  const {result, status, error} = useAppSelector((state) => state.statePageView)
+  const { result, status, error } = useAppSelector((state) => state.statePageView)
 
   // ** State
   const [accessPath, setAccessPath] = useState<string>('/object/0x1')
   const [cacheResult, setCacheResult] = useState<{ [page: number]: any[] }>({})
 
-  const [paginationModel, setPaginationModel] = useState({page: 0, pageSize: 10})
+  const [paginationModel, setPaginationModel] = useState({ page: 0, pageSize: 10 })
   const [curStateView, setCurStateView] = useState<any | null>(null)
   const mapPageToNextCursor = useRef<{ [page: number]: Uint8Array | null }>({})
   const queryOptions = useMemo(
@@ -68,7 +67,7 @@ const TransactionList = () => {
       // We add nextCursor when available
       mapPageToNextCursor.current[paginationModel.page] = result.next_cursor
       cacheResult[paginationModel.page] = result.data
-      setCacheResult({...cacheResult})
+      setCacheResult({ ...cacheResult })
       const count = Object.values(cacheResult).reduce((sum, data) => sum + data.length, 0)
       setCount(count)
     }
@@ -147,7 +146,7 @@ const TransactionList = () => {
       minWidth: 90,
       field: 'type',
       headerName: 'Type',
-      renderCell: ({row}: CellType) => (
+      renderCell: ({ row }: CellType) => (
         <LinkStyled
           href="/"
           onClick={(e) => {
@@ -165,8 +164,8 @@ const TransactionList = () => {
       minWidth: 90,
       field: 'id',
       headerName: 'ID',
-      renderCell: ({row}: CellType) => (
-        <Typography sx={{color: 'text.secondary'}}>
+      renderCell: ({ row }: CellType) => (
+        <Typography sx={{ color: 'text.secondary' }}>
           {formatAddress(row.decoded_value.value.id)}
         </Typography>
       ),
@@ -177,8 +176,8 @@ const TransactionList = () => {
       minWidth: 90,
       field: 'owner',
       headerName: 'Owner',
-      renderCell: ({row}: CellType) => (
-        <Typography sx={{color: 'text.secondary'}}>
+      renderCell: ({ row }: CellType) => (
+        <Typography sx={{ color: 'text.secondary' }}>
           {formatAddress(row.decoded_value.value.owner)}
         </Typography>
       ),
@@ -190,7 +189,7 @@ const TransactionList = () => {
   return (
     <>
       <Card>
-        <CardHeader title="State Filters"/>
+        <CardHeader title="State Filters" />
         <CardContent>
           <TextField
             id="access-path-id"
@@ -202,14 +201,14 @@ const TransactionList = () => {
               endAdornment: (
                 <InputAdornment
                   position="end"
-                  sx={{color: 'text.primary'}}
+                  sx={{ color: 'text.primary' }}
                   onClick={handleSearch}
                 >
                   <Button size="small">
                     <Typography mr={2} color="text.disabled">
                       Enter
                     </Typography>
-                    <Icon icon="bx:search"/>
+                    <Icon icon="bx:search" />
                   </Button>
                 </InputAdornment>
               ),
@@ -219,43 +218,43 @@ const TransactionList = () => {
         </CardContent>
       </Card>
       {status === 'loading' ? (
-          <Spinner/>
+        <Spinner />
       ) : (
         <>
-            <Card sx={{mt:6}}>
-              <DataGrid
-                autoHeight
-                pagination
-                disableColumnMenu={true}
-                rowCount={status === 'finished' ? (result.has_next_page ? count + 1 : count) : 0}
-                rows={
-                  status === 'finished'
-                    ? Object.values(cacheResult)
+          <Card sx={{ mt: 6 }}>
+            <DataGrid
+              autoHeight
+              pagination
+              disableColumnMenu={true}
+              rowCount={status === 'finished' ? (result.has_next_page ? count + 1 : count) : 0}
+              rows={
+                status === 'finished'
+                  ? Object.values(cacheResult)
                       .flat()
-                      .map((row: any) => ({...row, id: row.decoded_value.value.id}))
-                    : []
-                }
-                columns={defaultColumns.map((v) => ({
-                  ...v,
-                  sortable: false,
-                }))}
-                paginationModel={paginationModel}
-                onPaginationModelChange={setPaginationModel}
-              />
-            </Card>
-          <Typography sx={{color: 'text.secondary', ml: 6, mt: 4, mb:4}}>
+                      .map((row: any) => ({ ...row, id: row.decoded_value.value.id }))
+                  : []
+              }
+              columns={defaultColumns.map((v) => ({
+                ...v,
+                sortable: false,
+              }))}
+              paginationModel={paginationModel}
+              onPaginationModelChange={setPaginationModel}
+            />
+          </Card>
+          <Typography sx={{ color: 'text.secondary', ml: 6, mt: 4, mb: 4 }}>
             {curStateView ? curStateView.decoded_value.type : 'Current Page Raw Data'}
           </Typography>
-            <CardSnippet
-              defaultShow={true}
-              fullHeight={true}
-              codes={[
-                {
-                  code: JSON.stringify(curStateView ?? cacheResult[paginationModel.page], null, 2),
-                  lng: 'json',
-                },
-              ]}
-            />
+          <CardSnippet
+            defaultShow={true}
+            fullHeight={true}
+            codes={[
+              {
+                code: JSON.stringify(curStateView ?? cacheResult[paginationModel.page], null, 2),
+                lng: 'json',
+              },
+            ]}
+          />
         </>
       )}
     </>