{"timestamp":"00:00:00.835","source":"Server","level":"LOG","message":""}
{"timestamp":"00:02:37.465","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:02:37.469","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:02:37.473","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:02:37.481","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:02:37.525","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"00:02:37.532","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"00:02:37.535","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"00:02:37.555","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"00:02:37.633","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-6\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-6\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-6\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-6\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-6\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"00:02:37.634","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-6\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"00:02:37.634","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-4\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-4\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-4\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-4\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-4\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"00:02:37.635","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-4\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"00:02:37.635","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-7\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-7\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-7\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-7\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-7\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"00:02:37.636","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-7\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"00:02:37.638","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-5\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-5\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-5\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-5\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-5\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"00:02:37.638","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-5\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"00:06:31.795","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:06:31.823","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"00:06:31.824","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-8\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-8\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-8\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-8\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-8\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"00:06:31.824","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-8\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"00:14:11.535","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:14:12.381","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"07:50:02.513","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-9\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-9\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-9\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-9\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-9\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"07:50:02.514","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-9\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"25:22:56.584","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"25:22:56.602","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"25:22:56.602","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-10\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-10\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-10\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-10\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-10\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"25:22:56.603","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-10\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"25:23:18.090","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"25:23:18.110","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"25:23:18.110","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-11\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-11\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-11\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-11\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-11\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"25:23:18.110","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-11\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"25:23:34.331","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"25:23:34.448","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"25:23:34.578","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-12\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-12\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-12\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-12\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-12\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"25:23:34.578","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-12\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"36:44:21.895","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"36:44:22.020","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-13\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-13\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-13\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-13\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-13\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"36:44:22.021","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-13\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"36:44:25.911","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-14\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-14\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-14\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-14\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-14\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:30:10.247","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:30:10.303","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:30:10.346","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-17\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-17\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-17\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-17\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-17\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:30:10.346","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-17\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:30:21.117","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:30:21.159","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:30:21.160","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-18\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-18\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-18\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-18\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-18\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:30:21.161","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-18\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:31:21.925","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:31:21.971","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:31:21.971","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-19\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-19\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-19\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-19\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-19\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:31:21.971","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-19\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:32:35.707","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:32:35.760","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:32:35.761","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-22\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-22\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-22\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-22\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-22\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:32:35.761","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-22\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:34:13.443","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:34:13.491","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-25\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-25\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-25\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-25\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-25\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:34:13.492","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:34:13.492","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-25\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:35:14.094","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:35:14.130","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:35:14.130","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-26\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-26\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-26\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-26\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-26\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:35:14.130","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-26\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:36:14.914","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:36:14.955","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:36:14.955","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-27\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-27\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-27\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-27\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-27\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:36:14.955","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-27\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"37:40:32.124","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"37:40:32.173","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"37:40:32.173","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-29\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-29\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-29\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-29\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-29\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"37:40:32.173","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-29\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"38:17:00.330","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-32\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-32\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-32\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-32\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-32\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"38:17:00.331","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"38:17:00.331","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-32\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"38:17:06.663","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-33\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-33\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-33\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-33\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-33\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"63:24:17.633","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-34\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-34\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-34\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-34\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-34\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"63:24:18.457","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"63:24:18.458","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-35\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-35\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-35\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-35\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-35\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"63:24:18.459","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-35\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"63:24:25.305","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-36\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-36\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-36\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-36\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-36\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"63:44:41.862","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"63:44:41.863","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-37\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-37\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-37\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-37\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-37\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"63:44:41.864","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-37\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:22:09.388","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"120:22:09.415","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-39\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-39\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-39\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-39\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-39\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:22:09.417","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:22:09.417","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-39\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:23:24.232","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"120:23:24.256","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:23:24.258","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-40\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-40\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-40\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-40\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-40\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:23:24.258","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-40\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:23:25.575","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"120:23:25.596","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:23:25.597","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-41\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-41\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-41\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-41\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-41\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:23:25.597","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-41\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:23:33.054","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"120:23:33.086","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:23:33.086","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-42\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-42\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-42\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-42\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-42\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:23:33.087","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-42\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:23:54.937","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-44\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-44\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-44\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-44\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-44\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:23:54.937","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"120:23:54.937","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-44\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:31:33.740","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"120:31:33.769","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"120:31:33.773","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-45\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-45\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-45\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-45\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-45\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"120:31:33.773","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-45\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"212:31:43.511","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"212:31:43.539","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-46\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-46\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-46\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-46\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-46\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"212:31:43.540","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"212:31:43.540","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-46\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"287:50:56.400","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"287:50:56.446","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"287:50:56.448","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-47\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-47\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-47\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-47\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-47\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"287:50:56.449","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-47\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"287:53:26.037","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"287:53:26.058","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"287:53:26.059","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-48\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-48\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-48\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-48\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-48\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"287:53:26.059","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-48\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}
{"timestamp":"287:53:43.478","source":"Server","level":"WARN","message":"⚠ Blocked cross-origin request to Next.js dev resource /_next/webpack-hmr from \"100.72.97.47\".\nCross-origin access to Next.js dev resources is blocked by default for safety.\n\nTo allow this host in development, add it to \"allowedDevOrigins\" in next.config.js and restart the dev server:\n\n// next.config.js\nmodule.exports = {\n  allowedDevOrigins: ['100.72.97.47'],\n}\n\nRead more: https://nextjs.org/docs/app/api-reference/config/next-config-js/allowedDevOrigins"}
{"timestamp":"287:54:28.133","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"287:54:28.173","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n"}
{"timestamp":"287:54:28.174","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <KanbanBoard>\\n      <div className=\\\"flex flex-...\\\">\\n        <header>\\n        <div className=\\\"flex-1 p-8...\\\">\\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\\n            <div className=\\\"flex gap-6...\\\">\\n              <KanbanColumn column={{id:\\\"column-1\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-1\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-51\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                      <KanbanCard card={{id:\\\"task-2\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-51\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-2\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-3\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-51\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-3\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-4\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-51\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              <KanbanColumn column={{id:\\\"column-4\\\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\\n                <div className=\\\"flex flex-...\\\">\\n                  <div>\\n                  <div className=\\\"flex-1 ove...\\\">\\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\\n                      <KanbanCard card={{id:\\\"task-5\\\", ...}} onDelete={function handleDeleteCard}>\\n                        <div\\n                          ref={function useCombinedRefs.useMemo}\\n                          style={{transform:undefined,transition:undefined,opacity:1}}\\n                          role=\\\"button\\\"\\n                          tabIndex={0}\\n                          aria-disabled={false}\\n                          aria-pressed={undefined}\\n                          aria-roledescription=\\\"sortable\\\"\\n+                         aria-describedby=\\\"DndDescribedBy-0\\\"\\n-                         aria-describedby=\\\"DndDescribedBy-51\\\"\\n                          onPointerDown={function useSyntheticListeners.useMemo}\\n                          onKeyDown={function useSyntheticListeners.useMemo}\\n                          className=\\\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\\\"\\n                        >\\n                  ...\\n              ...\\n            ...\\n            ...\\n        ...\\n\" \"\""}
{"timestamp":"287:54:28.174","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <KanbanBoard>\n      <div className=\"flex flex-...\">\n        <header>\n        <div className=\"flex-1 p-8...\">\n          <DndContext sensors={[...]} collisionDetection={function closestCorners} onDragOver={function handleDragOver} ...>\n            <div className=\"flex gap-6...\">\n              <KanbanColumn column={{id:\"column-1\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-1\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                      <KanbanCard card={{id:\"task-2\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-2\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-3\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-3\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-4\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              <KanbanColumn column={{id:\"column-4\", ...}} cards={[...]} onRename={function handleRenameColumn} ...>\n                <div className=\"flex flex-...\">\n                  <div>\n                  <div className=\"flex-1 ove...\">\n                    <SortableContext items={[...]} strategy={function verticalListSortingStrategy}>\n                      <KanbanCard card={{id:\"task-5\", ...}} onDelete={function handleDeleteCard}>\n                        <div\n                          ref={function useCombinedRefs.useMemo}\n                          style={{transform:undefined,transition:undefined,opacity:1}}\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-disabled={false}\n                          aria-pressed={undefined}\n                          aria-roledescription=\"sortable\"\n+                         aria-describedby=\"DndDescribedBy-0\"\n-                         aria-describedby=\"DndDescribedBy-51\"\n                          onPointerDown={function useSyntheticListeners.useMemo}\n                          onKeyDown={function useSyntheticListeners.useMemo}\n                          className=\"group relative bg-white p-4 rounded-xl shadow-sm border border-slate-100 hover:bo...\"\n                        >\n                  ...\n              ...\n            ...\n            ...\n        ...\n \"\""}