From 69ad3974a8d2c2e41091b1f8acaaf1d3594a6c19 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 4 Aug 2022 15:58:35 +0300
Subject: [PATCH] Move useReactTable hook from Table to outer components

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/table/react-table.tsx | 26 ++++---------------
 1 file changed, 5 insertions(+), 21 deletions(-)

diff --git a/src/renderer/components/table/react-table.tsx b/src/renderer/components/table/react-table.tsx
index 25f4610118..7d3320e0cb 100644
--- a/src/renderer/components/table/react-table.tsx
+++ b/src/renderer/components/table/react-table.tsx
@@ -5,31 +5,15 @@
 
 import styles from "./react-table.module.scss";
 import React from "react";
-import {
-  flexRender,
-  useReactTable,
-  getSortedRowModel,
-} from '@tanstack/react-table'
-import type { TableOptions, Table, SortingState } from "@tanstack/react-table";
+import { flexRender } from '@tanstack/react-table'
+import type { Table } from "@tanstack/react-table";
 
-interface TableProps<T> extends TableOptions<T> {
+interface TableProps<T> {
+  table: Table<T>;
   className?: string;
 }
 
-export function Table<Data>({ columns, data, getCoreRowModel, className }: TableProps<Data>) {
-  const [sorting, setSorting] = React.useState<SortingState>([])
-
-  const table = useReactTable({
-    data,
-    columns,
-    getCoreRowModel,
-    state: {
-      sorting,
-    },
-    onSortingChange: setSorting,
-    getSortedRowModel: getSortedRowModel(),
-  });
-
+export function Table<Data>({ className, table }: TableProps<Data>) {
   return (
     <div className={className}>
       <table>