Wrap tasks page in Suspense boundary for useSearchParams

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
lizerk 2026-07-07 09:04:36 +03:00
parent 3e841e5316
commit 2dfc628e86

View File

@ -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") || "");