feat: mysql driver working, tests passing.

frontend/src/components/db-table-view/data-table.tsx

@@ -95,7 +95,7 @@ export const DataTable = ({
           </div>
         );
       },
-      sortable: true,
+      enableSorting: true,
       cell: ({ row }) => {
         const value = row.getValue(column_name) as any;
         let finalValue = value;

frontend/src/main.tsx

@@ -23,7 +23,13 @@ declare module "@tanstack/react-router" {
   }
 }
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+    },
+  },
+});
 
 // Render the app
 const rootElement = document.getElementById("root");

frontend/src/routes/db/$dbName/tables/$tableName/data.tsx

@@ -29,6 +29,7 @@ function TableView() {
   return (
     <div className="p-3 h-layout w-layout">
       <DataTable
+        key={tableName}
         dbName={dbName}
         tableName={tableName}
         pageSize={pageSize}

frontend/src/routes/db/$dbName/tables/index.tsx

@@ -80,10 +80,12 @@ const createColumns = (dbName: string) => {
 
     columnHelper.accessor("primary_key", {
       header: "Primary key",
+      enableSorting: false,
     }),
 
     columnHelper.accessor("indexes", {
       header: "Indexes",
+      enableSorting: false,
       cell: (props) => {
         const indexes = props.getValue();
         if (!indexes) return null;