Fixed the selection and rendering issues of the syncstore

src/Gridler/components/Column.tsx

@@ -3,7 +3,7 @@ import { type BaseGridColumn, type GridCell, GridCellKind } from '@glideapps/gli
 import { ActionIcon, Select, Stack, TextInput } from '@mantine/core';
 import { useDebouncedValue } from '@mantine/hooks';
 import { IconX } from '@tabler/icons-react';
-import { useEffect, useState } from 'react';
+import { type ReactNode, useEffect, useState } from 'react';
 
 import type { FilterOption, FilterOptionOperator, GridlerStoreState } from './Store';
 
@@ -34,6 +34,7 @@ export interface GridlerColumn extends Partial<BaseGridColumn> {
   id: string;
   maxWidth?: number;
   minWidth?: number;
+  tooltip?: ((buffer: any, row: number, col: number) => ReactNode) | string;
   width?: number;
 }
 
@@ -84,7 +85,6 @@ export const ColumnFilterInput = (props: ColumnFilterSetProps) => {
         });
       }
 
-
       return filters;
     });
   }, [defferedFilterValue, props.column.id, props.options, props.storeState]);
@@ -136,8 +136,6 @@ export const ColumnFilterInputOperator = (props: ColumnFilterSetProps) => {
         });
       }
 
-      
-
       return filters;
     });
   }, [defferedFilterValue, props.column.id, props.options, props.storeState]);