diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 59a515e..019e1f1 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useTransition } from 'react';
+import React, { useState, useEffect, useTransition } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   Table,
@@ -214,8 +214,8 @@ export default function DashboardPage() {
                   const isExpanded = !!expandedIds[pos.assetId];
 
                   return (
-                    <>
-                      <TableRow key={pos.assetId} className="cursor-pointer" onClick={() => toggleExpand(pos.assetId)}>
+                    <React.Fragment key={pos.assetId}>
+                      <TableRow className="cursor-pointer" onClick={() => toggleExpand(pos.assetId)}>
                         <TableCell>
                           <div className="flex flex-col">
                             <span className="font-semibold">{pos.name || pos.symbol}</span>
@@ -361,7 +361,7 @@ export default function DashboardPage() {
                           </TableCell>
                         </TableRow>
                       )}
-                    </>
+                    </React.Fragment>
                   );
                 })}
               </TableBody>
diff --git a/src/actions/portfolio.ts b/src/actions/portfolio.ts
index 118a5e2..722ce91 100644
--- a/src/actions/portfolio.ts
+++ b/src/actions/portfolio.ts
@@ -432,7 +432,7 @@ export async function getPortfolioSummary() {
 
   const chartData = positions.map((pos, index) => ({
     name: pos.symbol,
-    value: new Big(pos.cnyValue),
+    value: new Big(pos.cnyValue).toNumber(),
     fill: [
       '#3b82f6',
       '#8b5cf6',