diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index a99076d..f590220 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -568,7 +568,7 @@ export default (props: {
                           $ USD
                         </span>
                         <span className="text-lg font-bold leading-none sm:text-3xl">
-                          {props.chatStore.cost.toFixed(4)}
+                          {props.chatStore.cost?.toFixed(4)}
                         </span>
                       </div>
                     </div>
diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx
index 30f52bd..f7ab2b1 100644
--- a/src/components/StatusBar.tsx
+++ b/src/components/StatusBar.tsx
@@ -59,7 +59,7 @@ const StatusBar = (props: {
             <li>
               <p>
                 <BanknotesIcon className="h-4 w-4" />
-                Cost: ${chatStore.cost.toFixed(4)}
+                Cost: ${chatStore.cost?.toFixed(4)}
               </p>
             </li>
           </ul>
@@ -122,7 +122,7 @@ const StatusBar = (props: {
             </div>
             <div className="stat-title">Cost</div>
             <div className="stat-value text-base">
-              ${chatStore.cost.toFixed(4)}
+              ${chatStore.cost?.toFixed(4)}
             </div>
             <div className="stat-desc">
               Accumulated: ${getTotalCost().toFixed(2)}
diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 6add87f..00519e8 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -338,7 +338,7 @@ export function App() {
                         {chatStore.history.filter(({ hide }) => !hide).length}
                       </p>
                       <p>
-                        Cost: ${chatStore.cost.toFixed(4)} / $
+                        Cost: ${chatStore.cost?.toFixed(4)} / $
                         {getTotalCost().toFixed(2)}
                       </p>
                     </PopoverContent>
@@ -351,7 +351,7 @@ export function App() {
                         <WholeWordIcon className="w-4 h-4 mr-2" />{" "}
                         {chatStore.totalTokens}
                         <CircleDollarSignIcon className="w-4 h-4 mx-2" />
-                        {chatStore.cost.toFixed(4)}
+                        {chatStore.cost?.toFixed(4)}
                       </MenubarTrigger>
                       <MenubarContent>
                         <MenubarItem>