From 2dfc628e86829382eb74fdbe59c41cd088a8bef2 Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Tue, 7 Jul 2026 09:04:36 +0300
Subject: [PATCH] Wrap tasks page in Suspense boundary for useSearchParams

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/app/tasks/page.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/tasks/page.tsx b/frontend/src/app/tasks/page.tsx
index 21a2a839..a1897694 100644
--- a/frontend/src/app/tasks/page.tsx
+++ b/frontend/src/app/tasks/page.tsx
@@ -40,7 +40,7 @@ import {
   UserRound,
   X,
 } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState, type RefObject } from "react";
+import { Suspense, useCallback, useEffect, useMemo, useRef, useState, type RefObject } from "react";
 
 import { AppShell } from "@/components/AppShell";
 import { CommentComposer, CommentDeleteButton } from "@/components/shared/CommentControls";
@@ -1652,6 +1652,14 @@ function TaskActivityCard({ activity }: { activity: TaskActivity }) {
 }
 
 export default function TasksPage() {
+  return (
+    <Suspense fallback={<AppShell><div className="app-surface rounded-2xl p-8 text-center"><p className="app-text-muted text-sm">Загрузка задач...</p></div></AppShell>}>
+      <TasksPageContent />
+    </Suspense>
+  );
+}
+
+function TasksPageContent() {
   const { user } = useUser();
   const searchParams = useSearchParams();
   const requestedBoardId = Number(searchParams.get("board") || "");