chore: update dependencies

src/components/data-table-action-bar.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import type { Table } from "@tanstack/react-table";
+import type { RowData } from "@tanstack/react-table";
+import type { LegacyTable as Table } from "@tanstack/react-table/legacy";
 import { motion, useReducedMotion } from "motion/react";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
@@ -16,14 +17,14 @@ import { useInputModality } from "@/hooks/use-input-modality";
 import { MOTION_EASE_OUT } from "@/lib/motion";
 import { cn } from "@/lib/utils";
 
-interface DataTableActionBarProps<TData>
+interface DataTableActionBarProps<TData extends RowData>
   extends React.ComponentProps<typeof motion.div> {
   table: Table<TData>;
   visible?: boolean;
   portalContainer?: Element | DocumentFragment | null;
 }
 
-function DataTableActionBar<TData>({
+function DataTableActionBar<TData extends RowData>({
   table,
   visible: visibleProp,
   portalContainer: portalContainerProp,
@@ -136,11 +137,11 @@ function DataTableActionBarAction({
   );
 }
 
-interface DataTableActionBarSelectionProps<TData> {
+interface DataTableActionBarSelectionProps<TData extends RowData> {
   table: Table<TData>;
 }
 
-function DataTableActionBarSelection<TData>({
+function DataTableActionBarSelection<TData extends RowData>({
   table,
 }: DataTableActionBarSelectionProps<TData>) {
   const { t } = useTranslation();

src/components/extension-management-dialog.tsx

@@ -1,14 +1,16 @@
 "use client";
 
 import {
-  type ColumnDef,
   flexRender,
-  getCoreRowModel,
-  getSortedRowModel,
   type RowSelectionState,
   type SortingState,
-  useReactTable,
 } from "@tanstack/react-table";
+import {
+  type LegacyColumnDef as ColumnDef,
+  getCoreRowModel,
+  getSortedRowModel,
+  useLegacyTable as useReactTable,
+} from "@tanstack/react-table/legacy";
 import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
 import { open } from "@tauri-apps/plugin-dialog";

src/components/group-management-dialog.tsx

@@ -1,14 +1,16 @@
 "use client";
 
 import {
-  type ColumnDef,
   flexRender,
-  getCoreRowModel,
-  getSortedRowModel,
   type RowSelectionState,
   type SortingState,
-  useReactTable,
 } from "@tanstack/react-table";
+import {
+  type LegacyColumnDef as ColumnDef,
+  getCoreRowModel,
+  getSortedRowModel,
+  useLegacyTable as useReactTable,
+} from "@tanstack/react-table/legacy";
 import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
 import { useCallback, useEffect, useMemo, useState } from "react";

src/components/profile-data-table.tsx

@@ -1,16 +1,19 @@
 "use client";
 
 import {
-  type ColumnDef,
   flexRender,
-  getCoreRowModel,
-  getSortedRowModel,
   type RowData,
   type RowSelectionState,
   type SortingState,
-  useReactTable,
-  type VisibilityState,
+  type TableFeatures,
+  type ColumnVisibilityState as VisibilityState,
 } from "@tanstack/react-table";
+import {
+  type LegacyColumnDef as ColumnDef,
+  getCoreRowModel,
+  getSortedRowModel,
+  useLegacyTable as useReactTable,
+} from "@tanstack/react-table/legacy";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { invoke } from "@tauri-apps/api/core";
 import { emit, listen } from "@tauri-apps/api/event";
@@ -156,8 +159,12 @@ import { Input } from "./ui/input";
 import { RippleButton } from "./ui/ripple";
 import { Skeleton } from "./ui/skeleton";
 
-declare module "@tanstack/react-table" {
-  interface ColumnMeta<TData extends RowData, TValue> {
+declare module "@tanstack/table-core" {
+  interface ColumnMeta<
+    TFeatures extends TableFeatures,
+    TData extends RowData,
+    TValue,
+  > {
     // Emit no width for this column so table-fixed hands it all remaining
     // space. Checking columnDef.size alone can't express this: TanStack
     // resolves an unspecified size to its 150px default.
@@ -3021,7 +3028,7 @@ export function ProfilesDataTable({
         // creation-date sorting needs no visible column.
         header: ({ table }) => {
           const meta = table.options.meta as TableMeta;
-          const sort = table.getState().sorting[0];
+          const sort = table.options.state?.sorting?.[0];
           const isActive = (id: string, desc: boolean) =>
             sort?.id === id && !!sort.desc === desc;
           return (

src/components/proxy-management-dialog.tsx

@@ -1,14 +1,16 @@
 "use client";
 
 import {
-  type ColumnDef,
   flexRender,
-  getCoreRowModel,
-  getSortedRowModel,
   type RowSelectionState,
   type SortingState,
-  useReactTable,
 } from "@tanstack/react-table";
+import {
+  type LegacyColumnDef as ColumnDef,
+  getCoreRowModel,
+  getSortedRowModel,
+  useLegacyTable as useReactTable,
+} from "@tanstack/react-table/legacy";
 import { invoke } from "@tauri-apps/api/core";
 import { emit, listen } from "@tauri-apps/api/event";
 import { useCallback, useEffect, useMemo, useState } from "react";