diff --git a/apps/web/app/dashboard/charge/page.tsx b/apps/web/app/dashboard/charge/page.tsx
index 7e66488..20213c4 100644
--- a/apps/web/app/dashboard/charge/page.tsx
+++ b/apps/web/app/dashboard/charge/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect, useRef, Fragment } from "react";
+import { useState, useEffect, useRef, Fragment, Suspense } from "react";
 import { useSearchParams } from "next/navigation";
 import { useQuery, useMutation } from "@tanstack/react-query";
 import { Button, Chip, Modal, Spinner } from "@heroui/react";
@@ -220,7 +220,7 @@ function QrScanner({ onResult, onClose }: ScannerProps) {
 
 // ── Main Page ────────────────────────────────────────────────────────────────
 
-export default function ChargePage() {
+function ChargePageContent() {
   const searchParams = useSearchParams();
 
   const [step, setStep] = useState(1);
@@ -626,3 +626,11 @@ export default function ChargePage() {
     </div>
   );
 }
+
+export default function ChargePage() {
+  return (
+    <Suspense>
+      <ChargePageContent />
+    </Suspense>
+  );
+}