diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx
index ae4a3d99..896491f2 100644
--- a/front/packages/ui/src/fetch-infinite.tsx
+++ b/front/packages/ui/src/fetch-infinite.tsx
@@ -21,16 +21,7 @@
 import { Page, QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
 import { useBreakpointMap, HR } from "@kyoo/primitives";
 import { ContentStyle, FlashList } from "@shopify/flash-list";
-import {
-	ComponentProps,
-	ComponentType,
-	isValidElement,
-	ReactElement,
-	useCallback,
-	useReducer,
-	useRef,
-	useState,
-} from "react";
+import { ComponentProps, ComponentType, isValidElement, ReactElement, useRef } from "react";
 import { EmptyView, ErrorView, Layout, WithLoading, addHeader } from "./fetch";
 import { FlatList, View, ViewStyle } from "react-native";
 
@@ -61,7 +52,7 @@ const emulateGap = (
 	};
 };
 
-export const InfiniteFetchList = <Data, Props, _, Kind>({
+export const InfiniteFetchList = <Data, Props, _, Kind extends number | string>({
 	query,
 	placeholderCount = 2,
 	incremental = false,
@@ -157,7 +148,7 @@ export const InfiniteFetchList = <Data, Props, _, Kind>({
 	);
 };
 
-export const InfiniteFetch = <Data, Props, _, Kind>({
+export const InfiniteFetch = <Data, Props, _, Kind extends number | string>({
 	query,
 	...props
 }: {
diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx
index 3a2b50f5..f6bd1098 100644
--- a/front/packages/ui/src/fetch-infinite.web.tsx
+++ b/front/packages/ui/src/fetch-infinite.web.tsx
@@ -139,7 +139,7 @@ const InfiniteScroll = <Props,>({
 	);
 };
 
-export const InfiniteFetchList = <Data, _, HeaderProps, Kind>({
+export const InfiniteFetchList = <Data, _, HeaderProps, Kind extends number | string>({
 	query,
 	incremental = false,
 	placeholderCount = 2,
@@ -207,7 +207,7 @@ export const InfiniteFetchList = <Data, _, HeaderProps, Kind>({
 	);
 };
 
-export const InfiniteFetch = <Data, Props, _, Kind>({
+export const InfiniteFetch = <Data, Props, _, Kind extends number | string>({
 	query,
 	...props
 }: {