fix: adjust types (#104)

Author: Cahllagerfeld

.changeset/hot-deer-hug.md

@@ -0,0 +1,5 @@
+---
+"@zenml-io/react-component-library": patch
+---
+
+adjust types

src/components/Table/DataTable.stories.tsx

@@ -11,7 +11,7 @@ type DummyData = {
 	age: number;
 };
 
-const cols: ColumnDef<DummyData, unknown>[] = [
+const cols: ColumnDef<DummyData>[] = [
 	{
 		id: "id",
 		header: "ID",
@@ -134,7 +134,7 @@ const CustomizedDataTable = () => {
 	);
 };
 
-const colsCustomized: ColumnDef<DummyData, unknown>[] = [
+const colsCustomized: ColumnDef<DummyData>[] = [
 	{
 		id: "select",
 		accessorKey: "select",

src/components/Table/Sorting.tsx

@@ -15,14 +15,14 @@ function SortingArrow({ direction }: Props) {
 	return <Comp className="h-4 w-4 shrink-0" />;
 }
 
-interface HeaderProps<TData extends RowData> {
-	header: Header<TData, unknown>;
+interface HeaderProps<TData extends RowData, TValue> {
+	header: Header<TData, TValue>;
 }
 
-export function SortableHeader<TData extends RowData>({
+export function SortableHeader<TData extends RowData, TValue>({
 	header,
 	children
-}: PropsWithChildren<HeaderProps<TData>>) {
+}: PropsWithChildren<HeaderProps<TData, TValue>>) {
 	return (
 		<button
 			className={`${